Checklist WCAG 2.2 per siti web ed e-commerce

Immagini e media

• Ogni immagine informativa ha un testo alternativo significativo; le immagini decorative hanno alt vuoto.WCAG 1.1.1 · In parte automatico
• Icone e grafiche SVG con un significato hanno un’alternativa testuale.WCAG 1.1.1 · Verificato automaticamente
• I video hanno sottotitoli; i contenuti solo audio hanno una trascrizione.WCAG 1.2.1, 1.2.2 · Verifica manuale
• L’audio non parte da solo oppure si può mettere in pausa.WCAG 1.4.2 · Verifica manuale

Testo e colore

• Il testo ha un contrasto di almeno 4,5:1 (testo grande 3:1).WCAG 1.4.3 · Verificato automaticamente
• Pulsanti, bordi dei campi e icone importanti hanno un contrasto di almeno 3:1.WCAG 1.4.11 · Verifica manuale
• Le informazioni non sono trasmesse solo con il colore (campi obbligatori, prezzi in saldo, errori).WCAG 1.4.1 · Verifica manuale
• La pagina si può ingrandire al 200 % senza perdere contenuti; lo zoom non è bloccato.WCAG 1.4.4 · In parte automatico

Struttura

• Ogni pagina ha una lingua (lang) e un titolo unico e descrittivo.WCAG 3.1.1, 2.4.2 · Verificato automaticamente
• I titoli formano una struttura logica (un solo h1, nessun livello saltato).WCAG 1.3.1 · In parte automatico
• Elenchi, tabelle e aree della pagina usano un markup HTML corretto.WCAG 1.3.1 · In parte automatico

Tastiera e focus

• Ogni funzione è utilizzabile solo con la tastiera: menu, filtri, carrello, checkout.WCAG 2.1.1 · Verifica manuale
• Il focus della tastiera è sempre ben visibile.WCAG 2.4.7 · Verifica manuale
• Nessuna trappola da tastiera in pop-up, chat o banner dei cookie.WCAG 2.1.2 · Verifica manuale
• Un link «vai al contenuto» o i landmark permettono di saltare i blocchi ripetuti.WCAG 2.4.1 · In parte automatico
• L’elemento con il focus non è nascosto da header fissi o banner.WCAG 2.4.11 · Verifica manuale

Moduli e checkout

• Ogni campo ha un’etichetta visibile (il placeholder non basta).WCAG 1.3.1, 3.3.2 · Verificato automaticamente
• I messaggi di errore dicono cosa non va e come correggerlo.WCAG 3.3.1, 3.3.3 · Verifica manuale
• I campi nome, indirizzo ed e-mail usano autocomplete.WCAG 1.3.5 · Verificato automaticamente
• Login e checkout non richiedono enigmi o test di memoria senza alternativa.WCAG 3.3.8 · Verifica manuale
• L’utente non deve reinserire informazioni già fornite.WCAG 3.3.7 · Verifica manuale

Link e pulsanti

• Link e pulsanti hanno nomi comprensibili, anche i pulsanti a icona.WCAG 2.4.4, 4.1.2 · Verificato automaticamente
• Le aree cliccabili misurano almeno 24 × 24 pixel CSS o sono sufficientemente distanziate.WCAG 2.5.8 · Verificato automaticamente
• Le azioni di trascinamento hanno un’alternativa con un solo clic.WCAG 2.5.7 · Verifica manuale

Contenuti dinamici

• I messaggi di stato («aggiunto al carrello», errori) vengono annunciati ai lettori di schermo.WCAG 4.1.3 · Verifica manuale
• Caroselli e animazioni si possono mettere in pausa; nulla lampeggia più di tre volte al secondo.WCAG 2.2.2, 2.3.1 · Verifica manuale
• I limiti di tempo si possono estendere o disattivare.WCAG 2.2.1 · Verifica manuale

Questa checklist è un aiuto pratico, non una consulenza legale. Gli strumenti automatici trovano in modo affidabile solo una parte dei problemi — usala insieme a una revisione manuale e, se serve, a una consulenza professionale.