Overlay di accessibilità ed EAA: perché un widget non rende conforme il tuo sito

24 settembre 2026 · 5 min di lettura

C'è un argomento di vendita arrivato nella casella di posta di quasi tutti i team web europei da quando l'European Accessibility Act è diventato applicabile, il 28 giugno 2025: installa questa riga di JavaScript e il tuo sito sarà conforme dall'oggi al domani. Il prodotto è un overlay di accessibilità, un widget posizionato in un angolo della pagina che offre testo più grande, più contrasto, una «modalità screen reader» e, nelle versioni più ambiziose, testi alternativi generati automaticamente.

Vale la pena essere precisi su cosa fanno questi strumenti, perché il rischio sta proprio nella distanza tra la promessa e la realtà normativa.

Illustrazione isometrica di una pagina web come livelli sovrapposti con un piccolo widget fissato in un angolo
Il widget sta in superficie. I livelli sotto, il codice che legge un audit, non cambiano.

Cosa cambia davvero un overlay

Un overlay si esegue dopo che la pagina è stata caricata, nel browser del visitatore. Può cambiare lo stile di ciò che c'è già: ingrandire il testo, invertire i colori, mettere in pausa le animazioni, evidenziare i link. Alcuni provano anche a correggere il codice al volo, indovinando un testo alternativo per un'immagine che non ce l'ha o dando a un pulsante senza nome un'etichetta dedotta dall'icona.

Ne derivano tre conseguenze che contano per l'EAA:

Confronto in due colonne: cosa cambia un widget overlay di accessibilità in una pagina e cosa verifica davvero l'European Accessibility Act.Cosa tocca un overlay vs. cosa verifica l'EAAUN WIDGET OVERLAY PUÒL'EAA (EN 301 549) GUARDAIngrandire il testo e cambiare carattere perchi cliccaAumentare il contrasto o invertire i colorisopra la paginaMettere in pausa le animazioni edevidenziare i linkIndovinare i testi alternativi con unmodello automaticoAggiungere scorciatoie proprie e una propria«modalità screen reader»Se ogni immagine, comando e campo ha nelcodice un nome accessibile reale e correttoSe tutto il sito funziona da tastiera e con loscreen reader del visitatoreSe contrasto, ordine del focus e messaggi dierrore sono corretti di base, senza widgetSe il servizio ha una dichiarazione diaccessibilità e un canale di segnalazioneSe il gestore può mostrare una valutazione diconformità, non un badge del fornitore
Due domande diverse. La colonna di sinistra riguarda il visitatore che clicca il widget; quella di destra il codice che pubblichi.

Cosa chiede l'EAA al suo posto

La direttiva (UE) 2019/882 (in Italia recepita con il decreto legislativo 82/2022) non parla di widget, badge o fornitori. Stabilisce requisiti funzionali di accessibilità per i prodotti e i servizi interessati (e-commerce, servizi bancari, trasporti, e-book, telecomunicazioni e altri) e rimanda alla norma armonizzata EN 301 549, che per i contenuti web corrisponde ai criteri di successo delle WCAG 2.1 livello AA.

Quei criteri riguardano ciò che pubblichi: ogni immagine ha un'alternativa testuale, ogni campo di un modulo ha un nome, l'intero percorso si completa da tastiera, l'ordine del focus ha senso, il contrasto è sufficiente di base, gli errori sono descritti a parole. E riguardano l'organizzazione: il servizio deve avere una dichiarazione di accessibilità, spiegare come si conforma, indicare cosa non è ancora conforme e offrire un modo per segnalare i problemi.

Le autorità di vigilanza del mercato di ogni Stato membro possono chiedere a un operatore di dimostrare la conformità. La risposta che si aspettano è una valutazione rispetto alla norma con la documentazione a supporto. «Abbiamo installato un plugin» non è una valutazione, e nessun fornitore di overlay firmerà la tua dichiarazione al posto tuo.

L'EAA mette l'obbligo in capo all'operatore economico. Puoi esternalizzare test e correzioni. Non puoi esternalizzare la responsabilità a un tag script.
Illustrazione isometrica di un portatile accanto a un display braille e a delle cuffie, collegati da linee sottili
La maggior parte dei visitatori con disabilità arriva con la propria tecnologia assistiva già configurata. Un secondo livello sopra non è quello che hanno chiesto.

I precedenti

Il mercato degli overlay è cresciuto negli Stati Uniti, sotto l'ADA, ed è lì che c'è più storia. Due dati bastano a inquadrarlo:

Più di ottocento professionisti dell'accessibilità, molti dei quali utenti con disabilità, hanno firmato una dichiarazione pubblica che chiede ai proprietari di siti di non affidarsi agli overlay. È un livello di accordo insolito in un settore che discute quasi su tutto.

Quando un overlay non fa danni

Niente di questo significa che i widget siano inutili. A un visitatore senza tecnologia assistiva che vuole semplicemente il testo più grande in un articolo lungo, un controllo della dimensione del carattere è utile. Se hai già un sito accessibile e aggiungi un widget come comodità, il widget non è il problema.

Il problema è l'ordine. Il widget va sopra un sito accessibile; non lo sostituisce. Se il tuo budget copre o l'abbonamento all'overlay o due giorni di uno sviluppatore che corregge etichette e ordine del focus nei template, solo la seconda opzione ti avvicina alla legge.

Cosa fare invece

Quattro passi verso la vera conformità EAA: audit rispetto alla EN 301 549, correzione del codice, pubblicazione della dichiarazione di accessibilità, test a ogni rilascio.La strada che porta davvero lì1AuditTestare i percorsi realirispetto a EN 301 549 /WCAG 2.1 AA, con tastierae screen reader, non solocon una scansioneautomatica.2CorreggereTesti alternativi,etichette, titoli, ordinedel focus, contrasto,errori. Nei template,perché la correzioneresti.3DichiarareLa dichiarazione diaccessibilità, le lacunenote, il canale disegnalazione. È la primacosa che chiede lavigilanza del mercato.4RitestareA ogni rilascio.L'accessibilità è unaproprietà del codice chepubblichi: peggiora senessuno controlla.
L'ordine conta: prima l'audit, così correzioni e dichiarazione partono da ciò che il sito fa davvero.

Una strada pratica che vediamo funzionare per operatori piccoli e medi:

  1. Verifica i percorsi reali, non tutto il sito. Registrazione, ricerca, aggiunta al carrello, pagamento, contatto. Testa ciascuno solo da tastiera e con uno screen reader, poi lancia una scansione automatica per il resto. Gli strumenti automatici coprono più o meno un terzo dei criteri; il resto richiede una persona.
  2. Correggi nei template. Un componente corretto sistema ogni pagina che lo usa, e resta sistemato al deploy successivo.
  3. Scrivi la dichiarazione di accessibilità finché l'audit è fresco: cosa è conforme, cosa non ancora, entro quando, e come segnalare un problema. Pubblicala dove un visitatore la trova con un clic.
  4. Inserisci l'accessibilità negli acquisti. Chiedi a ogni fornitore di un componente, un tema o un plugin le sue prove di conformità. È da lì che arrivano la maggior parte delle regressioni.
  5. Ripeti i test a ogni rilascio. Una breve checklist nel template delle pull request fa più di qualsiasi audit annuale.

Se vuoi una prima lettura di dove si trova un sito prima di decidere, una scansione automatica rispetto alla EN 301 549 è un primo passo ragionevole, purché tutti capiscano che è l'inizio della valutazione e non la fine.

Usiamo solo memorizzazione tecnica essenziale (la vostra lingua e le vostre scelte sui cookie, salvate nel browser). Nessun tracciamento, nessun cookie di terze parti. Informativa cookie