Report di correzione

Report Accessibilità

Testiamo il tuo sito web secondo le WCAG 2.2 A e AA in un browser reale, ne seguiamo il percorso principale usando solo la tastiera (in un negozio online, fino al pulsante del checkout) e diamo al tuo sviluppatore la modifica per ogni barriera, costruita a partire dal tuo markup.

  • Fino a 25 pagine testate
  • Test del percorso da tastiera
  • 5 nuovi test inclusi

Cosa controlliamo

  • Regole WCAG 2.2 A e AA

    Test automatici axe-core sulle tue pagine chiave e su un massimo di altre 20 pagine dalla tua sitemap: testo alternativo, contrasto dei colori, nomi di pulsanti e link, etichette dei moduli, intestazioni, landmark e ARIA.

  • Test del percorso da tastiera

    Usando solo la tastiera: in un negozio online, dalla home page al prodotto, alle opzioni, ad Aggiungi al carrello e al carrello, fermandosi al pulsante del checkout; negli altri siti, dalla home page alla pagina chiave, alla sua call to action principale e ai campi del suo modulo. Non viene mai inviato nulla.

  • Trappole del focus e focus visibile

    Se il focus resta bloccato, ad esempio in un banner dei cookie, e se i visitatori possono vedere dove si trova.

  • Reflow su smartphone a 320 px

    Se le pagine richiedono lo scorrimento orizzontale su uno smartphone piccolo (WCAG 1.4.10).

  • Mappa delle contestazioni della lettera di diffida

    Se incolli una lettera, ogni contestazione viene confrontata con ciò che i nostri test hanno riprodotto, con il numero di occorrenze per pagina.

  • Elementi da verificare manualmente

    Ciò che i test segnalano ma non possono stabilire, come il testo sopra le immagini, con le istruzioni per verificare ciascun elemento.

Cosa ricevi

  • Un elenco con priorità: da correggere subito, da correggere dopo, da migliorare
  • Codice prima e dopo, costruito a partire da ogni elemento non conforme
  • Passaggi per Shopify, WordPress, WooCommerce o la piattaforma che rileviamo
  • Un prompt per l’IA pronto all’uso per ogni problema rilevato
  • Screenshot con l’elemento non conforme evidenziato
  • Una bozza di dichiarazione di accessibilità e un registro delle prove
  • 5 nuovi test per confermare le tue correzioni, e un PDF

Come viene realizzato il report

  1. 1

    Le cinque pagine della tua scansione gratuita, più un massimo di altre 20 dalla tua sitemap, vengono caricate in Chromium e testate con axe-core.

  2. 2

    Una sessione del browser separata segue il percorso principale del sito usando solo la tastiera e registra ogni passaggio, con uno screenshot dove qualcosa non funziona.

  3. 3

    Per ogni errore viene scritta una correzione per la tua piattaforma, poi il report viene assemblato e ti viene inviato via email.

Problemi rilevati nel report di esempio

Output reale per Harbor & Pine, un negozio fittizio che abbiamo creato con problemi comuni.

Apri il report di esempio completo
  • Critical

    @axe/button-name/help{"$en":"Buttons must have discernible text"}

    @axe/button-name/help{"$en":"Buttons must have discernible text"}: the failing element outlined in red

    41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

    Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

  • Critical

    @axe/image-alt/help{"$en":"Images must have alternative text"}

    @axe/image-alt/help{"$en":"Images must have alternative text"}: the failing element outlined in red

    22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

    Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

  • Critical

    @axe/label/help{"$en":"Form elements must have labels"}

    @axe/label/help{"$en":"Form elements must have labels"}: the failing element outlined in red

    7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

    Fix: Placeholder text alone does not count as a label.

Cosa non copre

  • L’output degli screen reader, i sottotitoli e l’audiodescrizione (è inclusa una checklist manuale)
  • Checkout, pagamento e invio di moduli
  • Pagine protette da login
  • Consulenza legale, o un certificato di conformità ADA o EAA

Domande su questo report

È un audit WCAG completo?

È un audit automatico più un test del percorso da tastiera. I test automatici trovano solo una parte dei problemi WCAG di un sito, quindi il report elenca anche ciò che richiede una verifica manuale e come farla.

Aiuta con una lettera di diffida ADA?

Se incolli la lettera, il report mostra quali contestazioni i nostri test riproducono sul tuo sito web, con le prove. È una documentazione dei fatti, non una consulenza legale; per la lettera in sé, parla con un avvocato.

Per quali piattaforme funziona il codice?

Le correzioni sono scritte per la piattaforma che rileviamo: temi Shopify, WordPress e WooCommerce, Webflow, BigCommerce, Wix, Squarespace, framework come Next.js, o HTML semplice. Dove non possiamo vedere il tuo codice sorgente, le posizioni dei file sono indicate come suggerimenti.

Cosa sono i 5 nuovi test?

Dopo che il tuo sviluppatore ha apportato le modifiche, puoi eseguire di nuovo gli stessi controlli dal report, fino a cinque volte, e vedere quali problemi non vengono più riprodotti.

Guide correlate

Altri report

Analizza il tuo sito oggi stesso

Trova. Correggi. Verifica.

Che tipo di sito è?

La tua risposta sceglie i controlli giusti, come il percorso d’acquisto per i negozi online. Controlliamo comunque gli indizi del sito stesso e mostriamo entrambi.

Che tipo di sito è?

Scansione gratuita. Nessuna carta di credito richiesta.