Per soddisfare la normativa EAA (European Accessibility Act), un sito web o e-commerce deve rispettare una serie di interventi tecnici, visivi, funzionali e strutturali, basati sulle linee guida WCAG 2.1 – livello AA.
Ecco un elenco dettagliato delle principali tipologie di intervento da verificare per essere conformi:
🔧 1. Interventi tecnici e di codice
✅ Corretto uso della semantica HTML (titoli, elenchi, tabelle, landmark).
✅ Inserimento di attributi ARIA dove necessario, per aiutare gli screen reader.
✅ Utilizzo di form ben etichettati (<label> associati ai campi).
✅ Struttura chiara e logica del DOM per una lettura coerente da parte di tecnologie assistive.
✅ Corretto ordine di tabulazione nella navigazione da tastiera.
🎨 2. Interventi di design e UI
✅ Contrasto sufficiente tra testo e sfondo (min. 4.5:1).
✅ Dimensioni del testo regolabili senza perdita di funzionalità (fino al 200%).
✅ Presenza di un focus visivo ben visibile su link e bottoni.
✅ Nessun uso di colori come unico mezzo per trasmettere
informazioni.
✅ Layout che non si rompe su dispositivi mobili o in modalità zoom.
👁️🗨️ 3. Accessibilità dei contenuti
✅ Tutte le immagini devono avere un testo alternativo descrittivo (alt).
✅ I link devono essere descrittivi (“Scopri il nostro servizio”, non “clicca qui”).
✅ I video devono avere sottotitoli e/o trascrizioni.
✅ Testi scritti in modo chiaro, semplice, con struttura gerarchica (titoli, paragrafi).
✅ Evitare animazioni rapide, lampeggianti o in loop infinito.
⌨️ 4. Navigazione e interazione
✅ Tutto il sito deve essere navigabile solo con tastiera (senza mouse).
✅ Presenza di scorciatoie da tastiera o link “salta al contenuto”.
✅ Moduli e pagine interattive che forniscono feedback visivo e sonoro per ogni azione (es. errori nei form).
✅ Nessun uso di elementi che richiedano un’interazione complessa (es. drag & drop) senza alternativa.
📱 5. Compatibilità con tecnologie assistive
✅ Il sito deve funzionare correttamente con screen reader (es. NVDA, JAWS, VoiceOver).
✅ Gli elementi dinamici (menu, modali, alert) devono essere annunciati correttamente.
✅ Nessun contenuto essenziale nascosto ai dispositivi assistivi.
🧾 6. Documentazione e obblighi normativi
✅ Pubblicazione della dichiarazione di accessibilità obbligatoria.
✅ Indicazione del responsabile dell’accessibilità o punto di contatto.
✅ Presenza di un canale per segnalazioni da parte degli utenti.
✅ Eventuale formazione del team interno su accessibilità e buone pratiche.
🛠️ 7. Audit e test di accessibilità
✅ Verifiche periodiche con strumenti automatici (WAVE, axe, Lighthouse).
✅ Test manuali con tastiera e screen reader.
✅ Coinvolgimento di utenti reali (opzionale ma raccomandato) per test di usabilità accessibile.
Questi interventi possono essere affrontati in fasi, a seconda del tipo di sito (vetrina, e-commerce, portale), ma devono essere tutti considerati per ottenere la conformità EAA.