Accessibilità Web: la guida pratica (e l’obbligo di legge) che in pochi ti hanno spiegato

Cos’è davvero l’accessibilità web (non è solo per chi ha una disabilità)

Quando si parla di accessibilità web, il primo pensiero va quasi sempre a chi usa uno screen reader per navigare perché non vede. È corretto, ma è solo una parte della storia e restare a quell’immagine è il motivo per cui la maggior parte dei titolari di PMI pensa “non mi riguarda, i miei clienti ci vedono benissimo”.

Un sito accessibile è un sito che funziona per situazioni molto più comuni di quanto pensi:

• Il turista che consulta il tuo sito sotto il sole di agosto a Mondello, con lo schermo che riflette e il contrasto basso del tuo bottone di prenotazione che diventa illeggibile.
  
• Il cliente over 60 che deve prenotare un trattamento nel tuo centro wellness e fatica a leggere un testo grigio chiaro su sfondo bianco a 14px.
  
• La persona che naviga con una mano sola, magari con un bambino in braccio, e trova un menu a tendina che si attiva solo al passaggio del mouse.
  
• Chi ha una connessione lenta in una zona dell’entroterra e aspetta che un carosello di immagini pesanti finisca di caricare prima di poter cliccare “prenota”.
  
• Chi usa la tastiera o strumenti di assistenza per una disabilità motoria e si blocca perché il tuo pulsante di invio del form non è raggiungibile senza mouse.

L’accessibilità web, in sintesi, è la pratica di progettare siti che funzionano per il numero più ampio possibile di persone, nel maggior numero possibile di condizioni. Non è un layer estetico da aggiungere alla fine. È una caratteristica strutturale del sito, esattamente come la velocità di caricamento o la messa a punto SEO e infatti, come vedremo più avanti, le due cose si intrecciano più di quanto pensi.

Il 28 giugno 2025 è già passato. Sei in regola?

Qui viene la parte che in pochi ti hanno spiegato con chiarezza. Il 28 giugno 2025 è entrato in vigore in Italia lo European Accessibility Act (recepito con il D.Lgs. 82/2022), che estende l’obbligo di accessibilità digitale fino ad allora riservato quasi solo alla Pubblica Amministrazione, anche a una parte del settore privato. Lo standard di riferimento è il WCAG 2.1 livello AA (norma tecnica EN 301 549).

A marzo 2026 AgID ha pubblicato le linee guida operative che chiariscono nel dettaglio come applicare l’obbligo, insieme a una piattaforma per le segnalazioni (segnalazioni.agid.gov.it), attiva dall’11 marzo 2026. Quindi no, non è più un obbligo teorico rimasto sulla carta: è già operativo, con un canale attraverso cui chiunque può segnalare un sito non conforme.

Disclaimer necessario: non sono un avvocato e questa non è una consulenza legale. Quello che segue è un riassunto in linguaggio semplice per orientarti , per la tua situazione specifica verifica sempre con un consulente legale o il tuo commercialista.

Chi è obbligato e chi (per ora) è escluso

L’obbligo riguarda le aziende private che offrono prodotti o servizi ai consumatori finali (B2C) tramite canali digitali: e-commerce, siti con sistemi di prenotazione o acquisto online, app, servizi bancari, assicurativi, di trasporto, editoria digitale.

Tradotto per il tuo settore: se il tuo sito ha un booking engine per le camere, un modulo di prenotazione tavolo che genera una conferma, o un e-commerce di prodotti (penso ai pacchetti regalo di un centro wellness, o alla vendita online di prodotti tipici di un ristorante), probabilmente rientri nel perimetro.

Le microimprese meno di 10 dipendenti e fatturato o bilancio annuo non superiore a 2 milioni di euro sono esentate dagli obblighi EAA per i propri servizi. È un’esenzione reale e importante per moltissime realtà siciliane. Ma attenzione a due dettagli che spesso si perdono: primo, l’esenzione riguarda i servizi che l’azienda eroga in proprio, non i prodotti digitali che eventualmente distribuisce; secondo, un sito non accessibile resta comunque una barriera concreta per una parte dei tuoi clienti, esenzione o no. L’obbligo di legge e il buonsenso commerciale, qui, remano nella stessa direzione.

Cosa rischi se non ti adegui

Le fonti disponibili indicano sanzioni comprese a seconda del tipo di violazione, tra circa 2.500 e 40.000 euro, con possibili aggravanti fino a una percentuale del fatturato annuo nei casi di recidiva o violazione grave. I dettagli esatti (importi, procedura, tempistiche di adeguamento in caso di segnalazione) sono ancora oggetto di chiarimenti applicativi, motivo in più per non aspettare l’ultima proroga per muoversi.

Ma onestamente, la sanzione è la ragione meno interessante per occuparsene. La ragione più interessante è che ogni cliente che non riesce a completare una prenotazione sul tuo sito è un cliente che oggi stai già perdendo, sanzione o meno.

Le linee guida AgID di marzo 2026: cosa cambia in pratica

Le linee guida di AgID non introducono nuovi obblighi rispetto alla normativa già in vigore, ma forniscono gli strumenti operativi: schede di controllo per siti, documenti e app basate su EN 301 549 e WCAG 2.1, e un chiarimento importante sul concetto di “onere sproporzionato” cioè i casi in cui un’azienda può giustificare, con una valutazione documentata di costi e benefici, di non adeguarsi completamente. Questa valutazione va conservata per 5 anni e aggiornata ogni anno: non è un’esenzione automatica, è un percorso da documentare. Il riferimento tecnico internazionale resta comunque quello del W3C: trovi la guida ufficiale sull’accessibilità web (WCAG) direttamente sul loro sito, se vuoi approfondire i dettagli tecnici.

Il primo passo consigliato dalle linee guida e che consiglio anche io ai clienti con cui lavoro è una valutazione dello stato di conformità attuale dei propri servizi digitali, per capire dove sono le priorità reali prima di investire tempo o budget.

I criteri WCAG 2.2 che contano davvero per un sito PMI (senza tecnicismi da developer)

Le WCAG (Web Content Accessibility Guidelines) sono organizzate attorno a quattro principi. Non ti servono tutti i dettagli tecnici, quelli li applico io quando lavoro su un sito ma ti serve capire cosa controllano, perché sono anche i punti su cui, da progettista di siti, vedo più errori.

Percepibile: contrasto e testo alternativo

Il testo deve avere un contrasto minimo di 4.5:1 rispetto allo sfondo (3:1 per i titoli grandi), e i controlli dell’interfaccia: bottoni, icone cliccabili, campi dei form devono avere un contrasto di almeno 3:1. Ogni immagine che comunica un’informazione ha bisogno di un testo alternativo (alt text) descrittivo; le immagini puramente decorative vanno marcate come tali.

Utilizzabile: tastiera, focus e bottoni cliccabili

L’intero sito deve essere navigabile da tastiera, senza “trappole” in cui il focus rimane bloccato. L’elemento su cui ci si trova (focus) deve essere sempre visibile. Il criterio più recente della WCAG 2.2 richiede anche che bottoni e link abbiano un’area cliccabile di almeno 24×24 pixel, pensato per chi ha difficoltà motorie, ma che in pratica migliora l’usabilità da smartphone per chiunque.

Comprensibile: form e messaggi d’errore

Ogni campo di un form ha bisogno di un’etichetta (label) esplicita, non basta un placeholder che sparisce appena inizi a scrivere. I messaggi di errore devono dire cosa è andato storto e come correggerlo, non un generico “errore nel modulo”. La lingua della pagina va dichiarata nel codice HTML.

Robusto: codice pulito e compatibile

Il codice HTML deve essere valido, e i componenti personalizzati (menu su misura, popup, caroselli) devono usare correttamente gli attributi ARIA perché gli strumenti di assistenza li interpretino nel modo giusto. È la parte più tecnica, ed è quella su cui interviene chi sviluppa il sito, che sia io o un altro professionista.

Cosa dicono (e non dicono) i grandi nomi italiani del settore

Prima di scrivere questo articolo sono andato a vedere cosa produce chi fa contenuti di web design e marketing in Italia sul tema: dai canali YouTube ai blog di settore, includendo realtà seguite anche da noi addetti ai lavori.

Il quadro che emerge è chiaro, e in un certo senso è la notizia più utile di questo articolo: la maggior parte dei creator generalisti di web design e marketing, quelli che insegnano a costruire siti che convertono, a scrivere copy persuasivo, a impostare campagne, parla pochissimo di accessibilità. Non perché sia un tema minore, ma perché è meno “spettacolare” da mostrare in un video di 60 secondi rispetto a un funnel che genera lead.

Chi invece tratta l’argomento in profondità sono realtà specializzate come AccessiWay, my-accessible.it o guide tecniche come quella di CorsoUX: contenuti solidi, spesso però scritti per un pubblico più tecnico (sviluppatori, responsabili IT di aziende medio-grandi) che per il titolare di un ristorante o di un B&B che deve capire in dieci minuti cosa fare del proprio sito.

Questo è esattamente il vuoto che provo a colmare con questo articolo: prendere un tema trattato bene ma per un pubblico “sbagliato” per una PMI siciliana, e renderlo comprensibile e azionabile per chi gestisce un’attività.

7 errori di accessibilità che vedo spesso nei siti di ristoranti, hotel e centri wellness

Questi sono gli anti-pattern di accessibilità web che incontro più spesso quando faccio un audit di un sito in questi settori, probabilmente ne riconoscerai più di uno.

1. Il menu del ristorante è un PDF fotografato con lo smartphone. Illeggibile da uno screen reader, spesso illeggibile pure da un umano su schermo piccolo. Il menu dovrebbe essere testo HTML vero, o almeno un PDF creato correttamente (non una foto salvata come PDF).

2. Il form di prenotazione ha solo placeholder, niente label. Appena inizi a scrivere il nome del campo sparisce, e chi usa uno screen reader non sa cosa sta compilando.

3. Il banner cookie blocca la tastiera. Capita più spesso di quanto pensi: il pulsante “Accetta” non è raggiungibile con Tab, e chi non usa il mouse resta bloccato prima ancora di vedere il sito.

4. Il carosello di foto in homepage parte in autoplay e non si ferma. Oltre a essere fastidioso per chiunque, per una persona con disturbi dell’attenzione o disabilità cognitive può essere un ostacolo reale alla lettura del resto della pagina.

5. Il bottone di call-to-action arancione chiaro su sfondo bianco. Lo dico con un po’ di autoironia perché è un errore che vedo (letteralmente) anche in palette di brand molto curate: un arancione troppo chiaro su bianco è elegante ma spesso sotto la soglia di contrasto minima. Bello da vedere, difficile da leggere per molti.

6. Il video di presentazione della struttura senza sottotitoli. Utile per chi non può alzare il volume (in ufficio, sui mezzi), indispensabile per chi ha disabilità uditive.

7. La mappa Google incorporata senza alcuna alternativa testuale. Se l’unico modo per capire come arrivare da te è un iframe di Google Maps, chi usa uno screen reader non ha alternative. Basta aggiungere l’indirizzo completo in testo accanto alla mappa.

Come rendere accessibile il tuo sito in 5 passaggi (senza rifare tutto da zero)

Non serve buttare giù il sito e ricominciare. L’accessibilità web si costruisce a strati, con priorità chiare.

1. Fai un audit rapido. Strumenti gratuiti come WAVE o il Lighthouse integrato in Chrome (tab “Accessibilità”) ti danno in pochi minuti una prima mappa dei problemi più evidenti: contrasto, alt text mancanti, struttura dei titoli.

2. Sistema i quick win ad alto impatto. Contrasto dei testi e dei bottoni, alt text sulle immagini principali, label sui campi dei form: sono le correzioni che richiedono meno tempo di sviluppo e coprono la maggior parte dei problemi comuni.

3. Fai il test della tastiera. Metti via il mouse e prova a navigare l’intero sito (homepage, menu, form di prenotazione) usando solo Tab e Invio. Ogni punto in cui ti blocchi è un punto da sistemare.

4. Prepara la dichiarazione di accessibilità. Se rientri nel perimetro dell’obbligo, serve un documento che descriva lo stato di conformità del sito e, se ci sono parti non ancora adeguate, la valutazione di onere sproporzionato con relativa motivazione.

5. Tratta l’accessibilità come manutenzione continua, non come progetto una tantum. Ogni nuova pagina, ogni nuovo articolo di blog, ogni nuova immagine caricata è un’occasione per introdurre (o reintrodurre) un problema di accessibilità. Va nel flusso di lavoro normale, come il controllo SEO prima di pubblicare.

Come lo affronto in pratica con un cliente

Un esempio concreto di come strutturo questo lavoro, semplificato: quando faccio l’audit di accessibilità del sito di un cliente hospitality o food, parto sempre dagli stessi tre elementi, perché coprono la maggior parte dei problemi reali: il motore di prenotazione (spesso il punto più critico, perché genera una vera transazione), il form di contatto, e le pagine con più traffico da Search Console.

Da lì costruisco una lista di priorità in tre fasce: interventi immediati (contrasto, alt text, label, di solito completabili in pochi giorni), interventi di media complessità (navigazione da tastiera, gestione del focus, sottotitoli sui video esistenti), e interventi strutturali (se il booking engine di terze parti non è accessibile, la soluzione richiede un confronto con il fornitore, non una patch sul tema WordPress).

Non ho ancora un caso studio pubblicabile su questo tema specifico con numeri definitivi da condividere. È un servizio che sto strutturando in questo momento. Se preferisci affidarti a chi se ne occupa quotidianamente, mi occupo io stesso di interventi di accessibilità web nell’ambito dei servizi di manutenzione e assistenza tecnica che offro ai miei clienti: se stai leggendo questo articolo e vuoi essere tra i primi a fare l’audit del tuo sito, è il momento giusto per parlarne.

Accessibilità Web e SEO: il vantaggio che (quasi) nessuno racconta

Qui metto il cappello da SEO, perché è la parte che raramente viene raccontata insieme all’accessibilità, e invece le due cose sono strettamente collegate.

L’alt text delle immagini, oltre a essere un requisito di accessibilità, è anche uno dei segnali che Google usa per capire di cosa parla un’immagine, quindi lavorare sull’alt text descrittivo migliora contemporaneamente l’accessibilità e il posizionamento nella ricerca immagini. Una struttura di titoli (H1, H2, H3) gerarchica e coerente, pensata per essere navigabile da uno screen reader, è la stessa struttura che aiuta Google a capire l’architettura dei contenuti della pagina.

Un HTML semantico e pulito, requisito del principio “Robusto” delle WCAG, è più facile da interpretare per i crawler quanto per gli strumenti di assistenza. E un sito più veloce e leggero, spesso conseguenza diretta della rimozione di elementi come caroselli pesanti in autoplay, migliora contemporaneamente l’accessibilità, i Core Web Vitals e, di conseguenza, il posizionamento organico.

In altre parole: investire in accessibilità web quasi mai è un costo isolato. Nella maggior parte dei casi è un investimento che paga su due fronti insieme: più persone che riescono a usare il tuo sito, e un posizionamento SEO più solido.

Domande frequenti sull’accessibilità web

Devo rifare il sito da zero per essere conforme?
Quasi mai. La maggior parte dei problemi di accessibilità si risolve con interventi mirati (contrasto, alt text, label, navigazione da tastiera) senza toccare la struttura del sito.

La mia attività è una microimpresa: sono escluso per sempre dagli obblighi?
Le microimprese (meno di 10 dipendenti, fatturato o bilancio sotto i 2 milioni di euro) sono esentate per i servizi che erogano in proprio, ma non per i prodotti digitali eventualmente distribuiti. E l’esenzione normativa non elimina il beneficio commerciale di un sito più accessibile.

Quanto costa adeguare un sito all’accessibilità?
Dipende dalla complessità del sito e da quanti problemi emergono dall’audit iniziale. Un sito vetrina ben progettato può richiedere solo pochi interventi mirati; un sito con booking engine e form complessi richiede più lavoro. Il punto di partenza è sempre lo stesso: una valutazione dello stato attuale, prima di stimare qualsiasi budget.

Cos’è la dichiarazione di accessibilità e devo averla per forza?
È il documento che descrive lo stato di conformità del tuo sito rispetto alle WCAG, incluse eventuali parti non ancora adeguate con relativa motivazione. Se rientri nel perimetro dell’obbligo EAA, è un documento che dovresti avere e mantenere aggiornato.