Un modulo che non si può compilare da tastiera, un testo grigio quasi invisibile o un video senza sottotitoli possono impedire a una persona di usare un sito, anche quando il design sembra impeccabile. In questo articolo mostro come rendere un sito più accessibile, quali requisiti considerare in Italia, quali errori correggere per primi e in che modo accessibilità, usabilità e SEO si sostengono a vicenda.
Le scelte che rendono un sito davvero accessibile
- WCAG 2.2 offre il riferimento tecnico più utile per progettare e verificare le pagine.
- HTML semantico, tastiera e contrasto risolvono molti ostacoli concreti con interventi mirati.
- Un test automatico è solo il primo controllo: servono anche verifiche manuali e utenti reali.
- L’accessibilità migliora spesso usabilità, chiarezza dei contenuti e SEO tecnico, ma non garantisce da sola migliori posizionamenti.
- Dal 28 giugno 2025 l’European Accessibility Act è applicabile a diversi prodotti e servizi digitali nell’Unione europea.
Che cosa significa accessibilità per un sito web
Un sito accessibile permette a persone con disabilità visive, uditive, motorie o cognitive di percepire, navigare, comprendere e utilizzare contenuti e funzioni. Non significa creare una versione separata del sito, ma progettare la stessa esperienza in modo flessibile, compatibile con tecnologie assistive e diverse modalità di interazione.
Un lettore di schermo, per esempio, interpreta la struttura HTML e legge titoli, link, pulsanti e campi del modulo. Chi non usa il mouse deve poter raggiungere ogni elemento con il tasto Tab, mentre una persona ipovedente può avere bisogno di contrasto elevato, testo ridimensionabile e un focus visibile.
Il riferimento più diffuso è rappresentato dalle WCAG 2.2, le linee guida del W3C per l’accessibilità dei contenuti web. Sono organizzate intorno a quattro principi:
- Percepibile, perché il contenuto non deve dipendere da un solo senso.
- Utilizzabile, perché navigazione e comandi devono funzionare anche senza mouse.
- Comprensibile, perché testi, istruzioni e comportamenti dell’interfaccia devono essere chiari.
- Robusto, perché il sito deve cooperare con browser, dispositivi e tecnologie assistive diverse.
I livelli di conformità sono A, AA e AAA. Nella pratica, il livello AA è il riferimento più realistico per la maggior parte dei progetti professionali. Il livello AAA contiene requisiti più severi, ma non è sempre applicabile a ogni tipo di contenuto o servizio.
Perché l’accessibilità conta anche per SEO e business
Il motivo principale è semplice: un sito che non può essere usato perde utenti e opportunità. Se il checkout non funziona con la tastiera, il problema non riguarda soltanto una minoranza teorica, ma ogni persona che utilizza dispositivi mobili, naviga in condizioni difficili o incontra un’interfaccia confusa.
Secondo il rapporto WebAIM Million 2025, il 94,8% delle home page analizzate presentava almeno un errore WCAG rilevabile automaticamente. I problemi più frequenti erano contrasto insufficiente, testo alternativo mancante, campi senza etichetta e link ambigui. Il dato non descrive ogni possibile difetto, ma mostra quanto siano diffuse carenze di base.
Accessibilità e SEO non sono la stessa cosa e non bisogna vendere l’idea semplicistica che “un sito accessibile si posiziona automaticamente meglio”. La relazione è più concreta: struttura semantica, testi descrittivi, link comprensibili, pagine veloci e contenuti ben organizzati aiutano sia le persone sia i motori di ricerca a interpretare il sito.
Un link con testo “Scopri il servizio di assistenza” è più utile di un generico “Clicca qui”. Un titolo gerarchico chiarisce la pagina a chi usa uno screen reader e aiuta anche a organizzare il contenuto per la scansione. Un’immagine con un testo alternativo preciso comunica il suo significato quando non può essere vista.
Quando lavoro su un progetto editoriale, considero l’accessibilità un controllo di qualità del contenuto. Se una pagina è difficile da capire senza colori, immagini o animazioni, spesso è difficile da capire anche per chi la legge velocemente da smartphone.
Gli interventi tecnici che fanno più differenza
Non tutti gli errori hanno lo stesso peso. Conviene partire dagli ostacoli che bloccano un’azione, come inviare un modulo, acquistare un prodotto o aprire il menu principale. Una pagina con molti piccoli difetti può essere meno problematica di una pagina con un solo pulsante essenziale inutilizzabile.
Struttura HTML e navigazione da tastiera
Usare elementi HTML per il loro scopo è una delle basi più solide. Un pulsante deve essere un vero , un link deve portare a una destinazione, i titoli devono seguire una gerarchia logica e la pagina deve avere landmark riconoscibili come e .
La prova pratica è breve: si può navigare l’intero sito premendo soltanto Tab, Invio, Spazio e i tasti freccia? Il focus resta sempre visibile? Dopo aver chiuso una finestra modale, il cursore torna al punto corretto? Se la risposta è negativa, aggiungere un widget con un’icona di accessibilità non risolve il problema alla radice.
Testi, colori e immagini
Per il testo normale, le WCAG indicano un contrasto minimo di 4,5:1 rispetto allo sfondo; per il testo grande il valore scende a 3:1. Il colore, inoltre, non dovrebbe essere l’unico modo per comunicare uno stato. Un errore in un campo deve essere indicato anche con un messaggio testuale o un’icona comprensibile.
Il testo alternativo deve spiegare lo scopo dell’immagine, non riempirla di parole chiave. Una foto decorativa può avere un attributo alt vuoto, mentre l’immagine di un prodotto dovrebbe descrivere ciò che serve per scegliere, per esempio “zaino nero impermeabile con scomparto per laptop”.
Moduli, errori e componenti dinamici
Ogni campo deve avere un’etichetta associata, istruzioni comprensibili e messaggi di errore leggibili anche da uno screen reader. Non basta colorare di rosso la casella: l’utente deve sapere che cosa non funziona e come correggerlo.
Menu a tendina, caroselli, filtri e finestre modali richiedono particolare attenzione. Devono avere nomi accessibili, stati comunicati correttamente e comportamenti coerenti da tastiera. ARIA, cioè il sistema di attributi per descrivere interfacce dinamiche alle tecnologie assistive, è utile quando l’HTML nativo non basta, ma usarlo senza conoscere il comportamento del componente può introdurre nuovi errori.
Leggi anche: SEO semantica per siti web - guida pratica all’intento
Video, audio e documenti
Un video informativo dovrebbe avere sottotitoli sincronizzati e, quando le immagini contengono informazioni indispensabili, una descrizione audio o testuale. I PDF scaricabili meritano la stessa cura delle pagine web: titoli, ordine di lettura, lingua del documento, tabelle e campi modulo devono essere verificati.
La parte spesso trascurata sono i contenuti inseriti da servizi esterni, come chat, mappe, sistemi di prenotazione o piattaforme di pagamento. Se il componente di terze parti blocca la tastiera o non espone correttamente i nomi dei pulsanti, il sito resta problematico anche se il codice proprietario è ben fatto.
Come verificare l’accessibilità senza fermarsi al punteggio
Un controllo efficace combina strumenti automatici, revisione del codice e prove manuali. I test automatici individuano rapidamente problemi ricorrenti, ma non capiscono sempre se un testo alternativo è davvero utile o se un messaggio di errore spiega il problema in modo sufficiente.
- Analizza le pagine principali, includendo home page, menu, ricerca, moduli, schede prodotto e checkout.
- Controlla il percorso da tastiera dall’inizio alla fine, senza usare il mouse.
- Verifica con uno screen reader almeno titoli, landmark, link, campi, pulsanti e messaggi dinamici.
- Prova zoom e ridimensionamento, fino al 200%, osservando sovrapposizioni e perdita di contenuti.
- Testa dispositivi mobili, orientamento verticale e orizzontale, touch target e contenuti che si muovono.
- Coinvolgi persone con disabilità quando il sito offre funzioni importanti o complesse.
Il punteggio di un audit automatico va letto come una lista di segnali, non come un certificato. Anche il rapporto WebAIM avverte che l’assenza di errori rilevati non prova la piena conformità. Una valutazione seria deve collegare ogni problema a impatto, priorità, responsabile e scadenza.
Per un piccolo sito editoriale, ha senso correggere prima struttura, contrasto, immagini, link e moduli. Per un e-commerce, darei precedenza a ricerca, filtri, carrello, pagamento e assistenza. In un portale complesso, invece, serve un inventario dei componenti e una regola condivisa per evitare che ogni nuovo aggiornamento reintroduca gli stessi difetti.
Norme italiane e responsabilità per chi gestisce un sito
In Italia la situazione cambia in base al soggetto e al servizio offerto. La Legge Stanca e le indicazioni AgID riguardano in modo particolare pubbliche amministrazioni e soggetti sottoposti agli obblighi previsti dalla normativa. Per questi siti sono importanti verifiche periodiche e dichiarazione di accessibilità.
L’European Accessibility Act, recepito in Italia dal Decreto Legislativo 82/2022, riguarda invece diversi prodotti e servizi rivolti ai consumatori, tra cui commercio elettronico, servizi bancari, comunicazioni elettroniche, e-book e alcuni servizi di trasporto. Le disposizioni sono applicabili dal 28 giugno 2025, ma l’effettivo obbligo dipende dall’ambito, dal tipo di impresa e dal servizio.
Le microimprese che forniscono servizi possono rientrare in specifiche esenzioni, ma non è prudente interpretare questa possibilità come un invito a ignorare l’accessibilità. Un sito inutilizzabile resta un problema commerciale, reputazionale e di assistenza anche quando non scatta un obbligo formale.
La documentazione pubblica non sostituisce il lavoro sul prodotto. Una dichiarazione di accessibilità corretta è utile soltanto se riflette lo stato reale del sito, indica le limitazioni conosciute e offre un canale accessibile per segnalare problemi.
Come integrare l’accessibilità nel lavoro quotidiano
Il momento migliore per intervenire è prima dello sviluppo. In fase di progettazione si possono definire colori, componenti, stati di errore e flussi da tastiera senza dover correggere ogni pagina a posteriori. Nei progetti già online, conviene procedere per priorità di percorso, partendo dalle azioni che generano contatti, vendite o accesso a servizi essenziali.
Se il sito è realizzato con WordPress, la gestione quotidiana incide molto sul risultato. Un tema ben costruito può perdere accessibilità dopo l’installazione di un page builder, di un plugin per i popup o di un modulo non verificato. Chi vuole consolidare le basi può approfondire la gestione di WordPress, prestando attenzione non solo all’aspetto grafico ma anche a titoli, media, moduli e aggiornamenti.
Per mantenere il livello raggiunto, inserirei una piccola checklist nel flusso editoriale:
- Il titolo della pagina descrive davvero il contenuto?
- Le immagini informative hanno un testo alternativo utile?
- I link spiegano la destinazione senza dipendere dal contesto visivo?
- Il contenuto è leggibile senza colori o animazioni?
- Il nuovo componente funziona da tastiera?
- Il modulo comunica istruzioni ed errori in modo chiaro?
La stessa logica vale per la SEO off-page. Un sito più chiaro e affidabile facilita la condivisione di contenuti realmente utili e rende più credibile una strategia di link building. Non significa costruire collegamenti per “compensare” problemi di accessibilità, ma fare in modo che il valore promosso all’esterno sia sostenuto da un’esperienza interna funzionante.
Il criterio più utile per decidere da dove partire
Non cercherei la perfezione prima di pubblicare, ma nemmeno userei la complessità come scusa per rimandare. La domanda pratica è questa: quale barriera impedisce oggi a una persona di completare un’azione importante? La risposta indica quasi sempre il primo intervento da finanziare e misurare.
Un sito accessibile nasce dall’unione di codice semantico, contenuti chiari, design leggibile, test reali e manutenzione continua. Le WCAG forniscono una direzione, ma la qualità finale si vede quando una persona può informarsi, compilare un modulo o acquistare senza dover chiedere aiuto. È questo il risultato che rende l’accessibilità utile anche dal punto di vista SEO e commerciale.
