Un sito accessibile è un sito che può essere percepito, compreso, navigato e utilizzato dal maggior numero possibile di persone, comprese quelle con disabilità.
L’accessibilità fa parte della UX, cioè dell’esperienza utente: non riguarda soltanto il rispetto di una norma, ma anche la capacità di rendere contenuti, pagine e funzionalità semplici da usare. Un sito più chiaro e inclusivo può aiutare tutte le persone, anche chi naviga da smartphone, con una connessione lenta, con difficoltà temporanee o con strumenti diversi dal mouse.
Questa checklist raccoglie i controlli di base. Non sostituisce una verifica tecnica o una valutazione legale: per capire se esistono obblighi specifici e come dimostrare la conformità, è sempre consigliabile rivolgersi a specialisti di accessibilità e normativa digitale.
1. A chi si applicano gli obblighi di accessibilità?
Il quadro normativo può dipendere dal settore, dalle dimensioni dell’azienda, dal tipo di servizio offerto e dai rapporti con la Pubblica Amministrazione.
In sintesi:
- La Legge Stanca riguarda principalmente le Pubbliche Amministrazioni, gli enti pubblici e altri soggetti equiparati o che gestiscono servizi di interesse pubblico.
- La normativa europea, attraverso il European Accessibility Act, riguarda alcuni prodotti e servizi essenziali o particolarmente rilevanti, tra cui e-commerce, servizi bancari, telecomunicazioni e trasporto passeggeri.
- Le aziende private che lavorano per la PA o forniscono servizi digitali a soggetti pubblici possono avere requisiti specifici da rispettare anche in base al contratto o al progetto.
- Le microimprese e le PMI possono rientrare in regole ed esenzioni diverse: la valutazione va fatta sul caso concreto, senza basarsi soltanto sul numero di dipendenti.
- Le WCAG, cioè le linee guida internazionali per l’accessibilità dei contenuti web, rappresentano il riferimento tecnico più utilizzato. Le versioni 2.1 e 2.2 definiscono criteri verificabili secondo tre livelli: A, AA e AAA.
Per il contesto europeo, lo standard tecnico armonizzato EN 301 549 utilizza attualmente WCAG 2.1 come riferimento per i contenuti web. WCAG 2.2 è la versione più recente e include i requisiti delle versioni precedenti, aggiungendo nuovi criteri. Per questo motivo può essere una scelta utile in ottica di aggiornamento e prevenzione.
Per approfondire gli standard tecnici, è possibile consultare la pagina ufficiale del W3C sulle WCAG e le indicazioni della Commissione Europea sulla Web Accessibility Directive.
> Importante: questa pagina ha finalità informative e operative. Non costituisce una dichiarazione di conformità, una consulenza legale o una certificazione di accessibilità.
2. Checklist di base per il sito web
Colori e contrasto
Il testo deve essere facilmente distinguibile dallo sfondo. Un contrasto insufficiente può rendere difficili la lettura e l’interazione, soprattutto per persone con problemi di vista o daltonismo.
- Il testo normale ha un contrasto sufficiente rispetto allo sfondo.
- I testi di grandi dimensioni, i pulsanti e i link sono facilmente riconoscibili.
- Le informazioni importanti non sono comunicate soltanto attraverso il colore.
- I link si distinguono dal testo anche con elementi aggiuntivi, come sottolineatura o icone.
- I pulsanti mantengono una buona leggibilità anche negli stati hover, focus e disabilitato.
Il contrasto va controllato non soltanto nella homepage, ma anche nei menu, nei form, nei banner, nelle finestre pop-up e nelle pagine con immagini di sfondo.
Immagini e testo alternativo
Le immagini informative devono essere comprensibili anche per chi utilizza uno screen reader. Il testo alternativo descrive il contenuto o la funzione dell’immagine.
- Le immagini informative hanno un testo alternativo descrittivo.
- Il testo alternativo spiega il significato dell’immagine, senza limitarsi a indicare “foto” o “immagine”.
- Le immagini decorative hanno un attributo alternativo vuoto, così da non creare informazioni inutili per gli screen reader.
- Le immagini contenenti testo non sostituiscono, quando possibile, il testo HTML della pagina.
- Le infografiche complesse sono accompagnate da una spiegazione testuale equivalente.
- Le immagini utilizzate come link o pulsanti descrivono chiaramente la destinazione o l’azione.
Un buon testo alternativo non deve essere lungo a tutti i costi: deve essere utile e coerente con il contesto della pagina.
Navigazione da tastiera
Non tutte le persone utilizzano il mouse. La navigazione deve funzionare anche attraverso tastiera, switch o tecnologie assistive.
- Tutti gli elementi interattivi sono raggiungibili con il tasto Tab.
- L’ordine di navigazione segue una sequenza logica.
- È sempre visibile l’indicatore di focus.
- Non esistono elementi dai quali non si riesce a uscire usando la tastiera.
- Menu, modali, caroselli e filtri possono essere utilizzati senza mouse.
- È presente un collegamento per saltare direttamente al contenuto principale, quando necessario.
- I comandi hanno nomi comprensibili anche senza vedere l’intera pagina.
La rimozione dell’outline del focus senza fornire un’alternativa visibile è un errore frequente: l’indicatore deve rimanere riconoscibile.
Struttura della pagina e gerarchia dei titoli
Una pagina ben strutturata facilita la lettura per tutte le persone e permette agli screen reader di orientarsi tra le sezioni.
- Ogni pagina ha un titolo principale chiaro.
- La gerarchia dei titoli segue un ordine logico: H1, H2, H3 e così via.
- I titoli descrivono davvero il contenuto della sezione.
- Le sezioni sono organizzate con paragrafi brevi ed elenchi quando opportuno.
- Il contenuto principale è distinguibile da menu, footer e componenti secondari.
- Le pagine non utilizzano titoli soltanto per ottenere un determinato effetto grafico.
- Il layout mantiene una struttura comprensibile anche con zoom elevato o su schermi piccoli.
La gerarchia dei titoli non è soltanto una scelta grafica: è una vera mappa dei contenuti.
Form, campi e messaggi di errore
I form devono accompagnare le persone nella compilazione, indicando cosa inserire e come correggere eventuali errori.
- Ogni campo ha un’etichetta chiara e sempre visibile.
- Le istruzioni sono vicine al campo a cui si riferiscono.
- I campi obbligatori sono identificati in modo comprensibile.
- Il formato richiesto, come telefono o data, viene spiegato prima dell’invio.
- Gli errori sono descritti con parole semplici.
- Il messaggio di errore indica quale campo deve essere corretto.
- Il focus viene portato sul primo errore o sull’area che richiede attenzione.
- I form non si azzerano completamente dopo un errore di compilazione.
- I CAPTCHA, se presenti, prevedono alternative accessibili.
Testi, caratteri e leggibilità
La leggibilità dipende dalla scelta dei caratteri, dalle dimensioni, dalla spaziatura e dal modo in cui i contenuti vengono scritti.
- Il corpo del testo ha una dimensione adeguata anche su smartphone.
- Il carattere è facilmente leggibile e non presenta forme troppo decorative.
- Le righe non sono eccessivamente lunghe.
- Il testo mantiene una buona leggibilità con zoom almeno al 200%.
- Le informazioni non dipendono esclusivamente da maiuscole, corsivo, grassetto o colore.
- Il linguaggio è diretto, con frasi e paragrafi non troppo complessi.
- I pulsanti e le call to action indicano chiaramente l’azione prevista.
- I contenuti in movimento, lampeggianti o con riproduzione automatica possono essere fermati o disattivati.
- I video importanti hanno sottotitoli e, quando necessario, una trascrizione o un’audiodescrizione.
3. Perché conviene anche alle aziende non obbligate?
L’accessibilità non dovrebbe essere considerata soltanto come un adempimento. Per molte PMI rappresenta un investimento concreto sulla qualità del sito e sulla competitività.
Più persone possono raggiungere l’azienda
Un sito accessibile riduce gli ostacoli per persone con disabilità permanenti o temporanee, utenti anziani e persone che navigano in condizioni particolari. Più utenti riescono a leggere i contenuti, compilare un form o completare un acquisto, più ampio diventa il pubblico potenziale.
L’esperienza utente migliora
Contrasti leggibili, testi chiari, form ben organizzati e navigazione coerente rendono il sito più semplice per tutti. Una UX più efficace può ridurre abbandoni, richieste di assistenza e difficoltà durante il percorso di contatto o acquisto.
Possono emergere vantaggi SEO
Una struttura semantica corretta, titoli ordinati, testi alternativi e contenuti chiari aiutano i motori di ricerca a comprendere meglio le pagine. L’accessibilità non garantisce automaticamente migliori posizionamenti, ma molte buone pratiche accessibili coincidono con una solida ottimizzazione SEO tecnica e contenutistica.
Si riducono rischi e costi futuri
Intervenire in fase di progettazione o durante una manutenzione ordinaria è generalmente più semplice che correggere un sito già pubblicato dopo una segnalazione, un contenzioso o un cambio normativo. L’accessibilità diventa così parte del processo di qualità digitale.
4. Se l’azienda è soggetta a obblighi specifici
Quando il sito rientra nella Legge Stanca, nell’European Accessibility Act o in altri requisiti contrattuali e normativi, una checklist di base non è sufficiente.
È opportuno:
- verificare l’ambito normativo applicabile al settore;
- individuare siti, app, e-commerce e servizi digitali coinvolti;
- effettuare un audit tecnico e una valutazione con utenti o tecnologie assistive;
- definire un piano di correzione con priorità e responsabilità;
- documentare gli interventi e mantenere il sito accessibile anche dopo gli aggiornamenti;
- valutare le dichiarazioni e la documentazione richieste dalla normativa applicabile.
Per queste attività consigliamo di coinvolgere specialisti di accessibilità, consulenti legali e professionisti in grado di verificare il progetto nel suo insieme. Per orientamento e approfondimenti sul digitale e sulla normativa è possibile consultare anche la sezione WH Legal di Web Heroes.
Il team di Web Heroes può supportare la parte di UX, design, contenuti e sviluppo, coordinandosi con specialisti e partner di fiducia per gli aspetti normativi e le verifiche più tecniche.
In sintesi
Un sito davvero utilizzabile non si limita a “funzionare”: permette a più persone di trovare informazioni, compiere azioni e raggiungere i propri obiettivi.
La checklist di base da ricordare è:
- contrasto sufficiente;
- immagini con testo alternativo;
- navigazione completa da tastiera;
- titoli organizzati con criterio;
- form con etichette e messaggi chiari;
- testi leggibili;
- controlli periodici dopo ogni aggiornamento.
Se l’azienda opera in un settore regolamentato, lavora con la PA o offre servizi essenziali, è importante non fermarsi ai controlli preliminari: una valutazione specialistica aiuta a definire obblighi, priorità e percorso di adeguamento.
Per una prima analisi del sito o per coordinare un progetto di miglioramento UX e accessibilità, è possibile contattare Web Heroes e valutare insieme il prossimo passo.