Un sito web è accessibile quando le persone con disabilità possono percepire, comprendere, navigare e interagire con esso senza barriere. Non dipende da un singolo intervento: servono contrasto adeguato, tipografia leggibile, navigazione da tastiera, alternative testuali, contenuti comprensibili e documenti scaricabili conformi. Dal 28 giugno 2025 è anche un obbligo di legge per una parte rilevante delle imprese italiane.
In questa guida vediamo, area per area, cosa rende accessibile un sito e come intervenire.
Come si crea un sito web accessibile?
Indice
Un sito progettato e sviluppato per essere usato da tutte le persone, indipendentemente dalle loro abilità, è ormai un requisito di base. L’inclusività digitale non è solo un obbligo normativo: migliora l’esperienza di tutti gli utenti e amplia il pubblico raggiungibile.
L’importanza dell’inclusività digitale
Accesso universale
L’inclusività digitale garantisce la navigabilità a persone con disabilità visive, uditive, motorie o cognitive. Un utente non vedente, per esempio, può navigare un sito con uno screen reader soltanto se il sito è stato sviluppato seguendo le linee guida sull’accessibilità.
Miglioramento dell’esperienza utente
Navigazione chiara, buon contrasto dei colori e testi ben strutturati rendono il sito più fruibile anche per chi non ha disabilità. È il motivo per cui l’accessibilità viene spesso descritta come un investimento sull’usabilità complessiva, non come un adempimento a favore di una minoranza.
Conformità normativa
In Italia si applicano la Legge Stanca e, dal 28 giugno 2025, l’European Accessibility Act, recepito con il D.Lgs. 82/2022, che estende gli obblighi di accessibilità a una parte rilevante delle imprese private che erogano servizi digitali al pubblico. Le sanzioni vanno da 5.000 a 40.000 euro.
Il riferimento tecnico sono le linee guida WCAG 2.1 di livello AA. Sono esentate le microimprese con meno di 10 dipendenti e fatturato entro i 2 milioni di euro, limitatamente ai servizi.
Vantaggi economici
Un sito accessibile raggiunge un pubblico più ampio, includendo persone che altrimenti non riuscirebbero a completare un acquisto o a inviare una richiesta. Per un e-commerce, una barriera nel checkout è una vendita persa esattamente come lo sarebbe un errore tecnico.
Diversità e reputazione
Un sito accessibile riflette un impegno concreto verso l’inclusione. Dimostrare attenzione alle esigenze di tutti migliora la percezione del marchio e costruisce fiducia, in modo più credibile di qualunque dichiarazione di intenti.
Caratteristiche di un sito web accessibile
1. Elementi visivi e design
Contrasto dei colori e leggibilità
Il contrasto tra testo e sfondo determina se il contenuto è leggibile. Un contrasto insufficiente rende il testo difficile o impossibile da leggere, soprattutto per chi ha problemi di vista.
- Rapporto di contrasto: le WCAG 2.1 richiedono almeno 4.5:1 per il testo normale e 3:1 per il testo grande (da 18 punti, o 14 in grassetto).
- Strumenti di verifica: il WebAIM Contrast Checker misura il rapporto reale delle tue combinazioni di colori.
- Modalità scura: offrire un tema alternativo permette a ciascuno di scegliere la combinazione più confortevole.
È l’area in cui l’accessibilità entra più spesso in conflitto con l’identità visiva del brand. Abbiamo dedicato al tema una guida al contrasto dei colori con le soluzioni possibili.
Dimensioni del testo e spaziatura
- Dimensione del font: almeno 16px per il corpo del testo. Gli utenti devono poterlo ingrandire fino al 200% senza perdere funzionalità.
- Scelta del font: caratteri leggibili per il corpo del testo, evitando un uso eccessivo di font decorativi.
- Interlinea: almeno 1,5 volte la dimensione del font, soprattutto sui blocchi lunghi.
- Spaziatura dei paragrafi: margini adeguati che separino visivamente i blocchi e facilitino la scansione del testo.
Layout flessibile e design responsivo
Un design responsivo è indispensabile perché il sito resti accessibile su qualunque dispositivo e dimensione di schermo.
- Griglie flessibili che si adattano automaticamente allo schermo.
- Immagini responsive che si ridimensionano senza perdere leggibilità.
- Breakpoint appropriati, con transizioni fluide tra le diverse dimensioni.
- Test su dispositivi reali, non solo sul ridimensionamento della finestra del browser.
2. Navigazione e interazione
Gli elementi interattivi devono essere identificabili e utilizzabili da tutti.
- Indicatori di focus: ogni elemento interattivo — link, pulsanti, campi — deve mostrare chiaramente quando è selezionato da tastiera. Rimuovere l’outline del focus per ragioni estetiche è uno degli errori più diffusi e più penalizzanti.
- Dimensione dei target: aree di click sufficientemente grandi e distanziate, soprattutto su dispositivi touch.
- Stati degli elementi: feedback visivo chiaro per hover, active e focus.
3. Contenuto e multimedia
Testo alternativo per le immagini
- Descrizioni significative: concise ma capaci di restituire funzione e contenuto dell’immagine nel contesto della pagina.
- Immagini decorative: usa
alt=""vuoto, per evitare annunci inutili agli utenti di screen reader. - Immagini complesse: per grafici e infografiche, fornisci una descrizione estesa nel testo circostante o tramite link.
- Immagini di testo: da evitare quando possibile. Se necessarie, l’alt deve contenere tutto il testo presente nell’immagine.
Per il dettaglio tecnico su come scrivere il markup, vedi l’articolo su come usare l’HTML per migliorare l’accessibilità.
Sottotitoli e trascrizioni
- Sottotitoli sincronizzati per tutti i video, che includano anche i suoni rilevanti e l’identificazione di chi parla.
- Trascrizioni complete per contenuti audio e video: utili a chi ha problemi di udito, ma anche a chi preferisce leggere o cerca un’informazione specifica.
- Descrizioni audio per i video in cui l’informazione visiva è essenziale alla comprensione.
- Player accessibili, controllabili da tastiera e compatibili con le tecnologie assistive.
Documenti accessibili: PDF, Word e allegati
È l’aspetto più trascurato, e spesso il più problematico: un sito perfettamente accessibile può contenere decine di PDF che nessuno screen reader riesce a leggere.
- Struttura del documento: stili di intestazione ed elenchi reali, non testo formattato a mano.
- Tag PDF: i PDF devono essere tagged per consentire la navigazione con screen reader. Un PDF ottenuto scansionando un foglio è di fatto un’immagine, quindi completamente illeggibile.
- Ordine di lettura coerente con il flusso logico del contenuto.
- Metadati completi: titolo, autore, lingua del documento.
- Alternative testuali per ogni elemento non testuale contenuto nel documento.
4. Compatibilità con le tecnologie assistive
Screen reader
Il sito va provato con i lettori di schermo più diffusi — NVDA su Windows, VoiceOver su macOS e iOS, JAWS in ambito professionale — per verificare che i contenuti vengano interpretati e annunciati correttamente.
Ingranditori di schermo
Il layout deve restare utilizzabile con forti livelli di ingrandimento, senza che il contenuto si sovrapponga o che compaiano scorrimenti orizzontali.
Dispositivi di input alternativi
Va verificata la compatibilità con trackball, joystick, tastiere alternative e comandi vocali, usati da chi ha disabilità motorie.
Per capire come impostare concretamente queste verifiche, abbiamo raccolto gli strumenti per il test di accessibilità e cosa ciascuno riesce a rilevare.
FAQ – Domande frequenti su sito web accessibile
A cosa serve l’accessibilità di un sito web?
Serve a garantire che tutte le persone, indipendentemente dalle loro abilità fisiche, sensoriali o cognitive, possano accedere ai contenuti e completare le azioni previste dal sito. Migliora l’esperienza per tutti gli utenti, permette di rispettare gli obblighi normativi e amplia il pubblico raggiungibile.
Qual è lo standard di riferimento per l’accessibilità?
Le WCAG (Web Content Accessibility Guidelines) del W3C, articolate su tre livelli di conformità: A, AA e AAA. Il livello richiesto dalla normativa europea è l’AA della versione 2.1.
I documenti PDF sul sito devono essere accessibili?
Sì, se sono parte dell’offerta informativa o di servizio. Un PDF ottenuto da scansione è un’immagine e resta illeggibile per uno screen reader: va rigenerato da un documento con struttura reale, con i tag di accessibilità attivi.
Quanto costa rendere accessibile un sito esistente?
Dipende dallo stato di partenza e dalla dimensione del sito. Un sito costruito su basi solide richiede correzioni mirate; un sito datato o basato su un tema non accessibile può richiedere interventi sul template. L’audit iniziale serve proprio a quantificare l’intervento.
Conclusione
L’accessibilità web è un processo continuo, non un intervento una tantum: richiede attenzione ai dettagli, comprensione delle diverse esigenze e verifiche ricorrenti. Ogni contenuto pubblicato dopo l’adeguamento può reintrodurre barriere già corrette.
Se vuoi sapere a che punto è il tuo sito, offriamo una verifica gratuita di accessibilità: analizziamo il sito, identifichiamo le barriere reali e ti indichiamo le priorità di intervento.
