Checklist Accessibilità Sito Web per Piccole Imprese (Basata su WCAG)

Una checklist pratica per l'accessibilità dei siti web basata su WCAG 2.2: una verifica con tastiera e focus, testo, contrasto, etichette form ed errori, alternative testuali delle immagini, cosa rilevano i checker automatici rispetto ai test umani, e come registrare i risultati senza rivendicare conformità legale.

Questa lista di controllo propone verifiche che il titolare di una piccola attività può svolgere in circa un'ora, senza software speciali: navigare nel sito usando solo la tastiera, controllare dimensioni e contrasto del testo, verificare che ogni campo del modulo abbia un'etichetta e messaggi d'errore chiari e assicurarsi che le immagini abbiano testi alternativi sensati. Si basa su WCAG 2.2, lo standard a cui fanno riferimento la maggior parte delle leggi e delle politiche, e sugli Easy Checks dello stesso W3C. Superare queste verifiche non rende il sito conforme alla legge: aiuta a individuare gli ostacoli più comuni.

1. Navigazione con la tastiera e percorso dello stato attivo

Metti da parte il mouse. Premi Tab dall'inizio alla fine della pagina, poi Maiusc+Tab per tornare indietro.

[ ] Al primo Tab compare il link «Vai al contenuto» (utile nei menu lunghi)
[ ] Puoi raggiungere con Tab ogni link, pulsante e campo del modulo
[ ] Lo stato attivo è sempre visibile (contorno o evidenziazione)
[ ] Lo stato attivo segue un ordine logico, dall'alto in basso e da sinistra a destra
[ ] Il menu si apre con Invio o Spazio e si chiude con Esc
[ ] Puoi chiudere i pop-up con la tastiera e lo stato attivo torna alla pagina
[ ] Lo stato attivo non resta mai intrappolato (puoi sempre continuare con Tab)
[ ] Le intestazioni fisse non coprono l'elemento attivo

2. Testo, contrasto, etichette dei moduli ed errori

[ ] Il testo principale è leggibile con lo zoom normale (circa 16px o più)
[ ] Con lo zoom al 200% niente si sovrappone o viene tagliato e non c'è scorrimento laterale
[ ] Il contrasto del testo è almeno 4.5:1 (3:1 per il testo grande): verificalo con uno strumento
[ ] I link si distinguono dal testo anche in modo diverso dal solo colore
[ ] Ogni campo del modulo ha un'etichetta visibile (il testo segnaposto non è un'etichetta)
[ ] I campi obbligatori sono indicati con il testo, non solo con il colore
[ ] Gli errori spiegano cosa non va e come correggerlo, accanto al campo
[ ] I pulsanti indicano cosa fanno («Invia una richiesta», non solo «Invia» o un'icona)
[ ] La lingua della pagina è specificata e i titoli seguono l'ordine (H1, H2, H3)

Verifica le combinazioni di colori con il controllo del contrasto dei colori. I valori di contrasto si basano sul criterio contrasto (minimo) di WCAG.

3. Funzione delle immagini e testi alternativi

Per i casi particolari, consulta l'albero decisionale del W3C per i testi alternativi.

4. Verifiche automatiche e test con una persona

Gli strumenti automatici individuanoSolo una persona può valutare
Attributi alt mancantiSe il testo alternativo è davvero utile
Contrasto ridotto su sfondi uniformiContrasto del testo sovrapposto a foto e video
Campi dei moduli senza etichettaSe etichette ed errori sono comprensibili
Lingua della pagina mancante e link vuotiOrdine della tastiera, visibilità dello stato attivo e possibili blocchi
Livelli dei titoli saltatiSe i titoli descrivono i contenuti

Prima esegui un controllo automatico (il valutatore di siti web include verifiche di accessibilità di base; il W3C mantiene un elenco di strumenti di valutazione), poi svolgi il test manuale descritto sopra. Se tra i tuoi clienti ci sono molte persone con disabilità, valuta di pagare per test condotti da utenti con disabilità.

Registro dei problemi compilato (dimostrazione con etichette)

Un'attività fittizia, «Harbour Line Plumbing». Non è un'azienda reale; mostra il formato del registro, non i risultati di una verifica reale.

Data della verifica: [data]   Verifica svolta da: titolare   Pagine: Home, Servizi, Contatti
Browser/dispositivi: solo tastiera su portatile; smartphone con screen reader attivo
#  Pagina   Problema                                  Riferimento WCAG  Risolto?
1  Home     L'icona di chiamata non ha etichetta («pulsante») 4.1.2     sì
2  Home     Testo bianco poco leggibile sulla foto hero 1.4.3   sì, sovrapposizione più scura
3  Contatti L'etichetta del CAP esiste solo come segnaposto 3.3.2 sì
4  Contatti L'errore dice solo «Non valido»             3.3.1  sì, «Inserisci un numero di telefono»
5  Servizi  Le foto della galleria usano i nomi dei file come alt 1.1.1 sì
6  Tutte    Lo stato attivo dei link del menu non è visibile 2.4.7 aperto - segnalato al builder
Non verificato: sottotitoli dei video (il sito non contiene video)
MODELLO VUOTO
Data / verificato da / pagine / browser e dispositivi:
#  Pagina  Problema  Riferimento WCAG  Risolto? (sì / aperto + nota)
Non verificato:

5. Documentare i problemi senza dichiarare la conformità legale

Modifica tramite clic nel builder We.Inc, usata per correggere etichette e testo della pagina
Correzione diretta delle etichette e dei testi nel builder We.Inc.

Prossimo passo

Parti da un template per attività commerciali nel website builder We.Inc, poi segui questa lista e usa il valutatore di siti web prima della pubblicazione. Il piano Free include fino a 3 siti basati su template, ospitati su un indirizzo we.inc (senza crediti IA e senza dominio personalizzato); il piano Starter, a $20 al mese, aggiunge la creazione con IA e i domini personalizzati (prezzi). Devi stimare i costi delle correzioni o della ricostruzione? Usa il calcolatore dei costi del sito.

Inizia a creare il sito della tua attività

Domande frequenti

Quale standard dovrebbe seguire una checklist di accessibilità web?

WCAG 2.2 al livello AA è lo standard a cui si riferiscono la maggior parte delle leggi e delle politiche. Questa checklist copre i problemi più comuni per le piccole imprese, non ogni criterio.

Un checker automatico può rendere il mio sito accessibile?

No. Gli strumenti automatici rilevano attributi mancanti e alcuni problemi di contrasto, ma una persona deve verificare l'uso della tastiera, il focus, e se le etichette e il testo alternativo hanno senso.

Superare questa checklist rende il mio sito conforme all'ADA?

Nessuna checklist può garantire la conformità legale. Mantieni un log datato, pubblica una dichiarazione di accessibilità onesta, e consulta un avvocato sui tuoi obblighi.

Inizia gratis · Nessuna carta di credito richiesta

Product

Who It's For

Features

Resources

Company

View Sitemap