Accessibilità web ed European Accessibility Act 2025: guida WCAG 2.2
L'EAA 2025 impone la conformità WCAG 2.2 livello AA ai siti e-commerce, banche, trasporti, telecomunicazioni e servizi digitali nell'UE. Sanzioni: ammende amministrative fino a diversi milioni di euro, ritiro dal mercato. Audit obbligatorio prima di giugno 2025 (retroattivo applicabile). Stack 2026: axe DevTools, Lighthouse a11y, screen reader (NVDA, VoiceOver), navigazione tastiera completa, contrasto 4.5:1, alt text, etichette ARIA, form etichettati.
Il 28 giugno 2025, l'European Accessibility Act (Direttiva UE 2019/882) è entrato in applicazione dopo 5 anni di transizione. Quasi tutte le PMI europee operanti online sono ora coinvolte, e la conformità WCAG 2.2 livello AA non è più un'opzione. Ecco cosa sapere e fare nel 2026 per restare dal lato giusto della legge — e per rendere semplicemente il vostro sito utilizzabile dagli 87 milioni di europei con disabilità.
1. Cos'è l'European Accessibility Act?
L'EAA (Direttiva 2019/882) armonizza le regole di accessibilità digitale nell'Unione Europea. Adottata nel 2019, trasposta dagli Stati membri tra 2020 e 2022, è entrata in applicazione il 28 giugno 2025 — con retroattività per i servizi esistenti.
Standard tecnico di riferimento: EN 301 549 v3.2.1, allineato direttamente con WCAG 2.1 AA (estensione WCAG 2.2 prevista nel 2027). In pratica, nel 2026, puntare a WCAG 2.2 AA è diventato lo standard di settore.
2. Chi è coinvolto nel 2026?
Elenco non esaustivo delle aziende coinvolte dall'EAA:
- E-commerce B2C — Qualsiasi negozio online che vende a consumatori in UE (Shopify, WooCommerce, Magento, custom)
- Servizi bancari online — Siti e app di banche, neobanche, servizi di pagamento
- Trasporto passeggeri — Siti di biglietteria, info traffico, app di mobilità
- Telecomunicazioni — Operatori telefono/internet, siti di sottoscrizione e gestione conto
- Servizi digitali — SaaS, piattaforme di prenotazione, marketplace, servizi audiovisivi
- Libri digitali ed e-reader — Editori ebook, venditori di reader
Esenzione microimpresa: azienda con meno di 10 dipendenti E meno di 2 milioni € di fatturato annuo. Criteri cumulativi — superare uno solo dei due = conformità obbligatoria.
3. WCAG 2.2 livello AA: 50 criteri chiave
WCAG 2.2 livello AA comprende 50 criteri di successo organizzati in 4 principi: Percepibile, Utilizzabile, Comprensibile, Robusto (POUR). I più impattanti per una PMI:
| Criterio | Livello | Impatto |
|---|---|---|
| Alt text su tutte le immagini | A | Critico — senza alt, immagine invisibile agli screen reader |
| Contrasto testo 4.5:1 (3:1 grande) | AA | Critico — colpisce ipovedenti E vista normale al sole |
| Navigazione tastiera completa | A | Critico — il 5% degli utenti non può usare il mouse |
| Focus visibile (focus ring 2-4px) | AA | Critico — senza focus ring, navigazione tastiera impossibile |
| Label associate agli input | A | Critico — form inutilizzabili senza label |
| ARIA roles/label sui componenti custom | A | Critico — modali, dropdown, accordion |
| Gerarchia heading logica | A | Importante — H1→H2→H3 senza salto H2→H4 |
| Testo ridimensionabile fino a 200% | AA | Importante — niente overflow, niente scroll orizzontale |
| Target size minimo 24×24 pixel CSS | AA (2.2) | Nuovo 2.2 — pulsanti e link cliccabili |
| Autenticazione accessibile | AA (2.2) | Nuovo 2.2 — niente auth basata solo su memoria/cognizione |
4. Audit accessibilità: strumenti e metodo
Metodologia OptionWeb a 3 livelli:
- Audit automatico — copre il 30-40% dei problemi in 30 minuti
- Audit manuale — copre il restante 60-70% in 4-8 ore
- Test utenti reali — validazione finale con persone con disabilità
| Strumento | Tipo | Prezzo | Copertura |
|---|---|---|---|
| axe DevTools | Auto (estensione) | Gratuito | Eccellente, +10% in pro |
| Lighthouse a11y | Auto (Chrome) | Gratuito | Buono, integrato in DevTools |
| WAVE | Auto (estensione) | Gratuito | Buono, visualizzazione errori |
| Pa11y CLI | Auto (CI/CD) | Gratuito | Eccellente per automazione |
| NVDA | Screen reader | Gratuito (Windows) | Standard per audit manuale |
| VoiceOver | Screen reader | Incluso macOS/iOS | Standard Apple |
| Stark | Audit pro | 8-30 $/mese | Plugin Figma + audit live |
| Tenon.io | Audit API | 0,02 $/scan | Per dev, integrazione custom |
5. Correzioni prioritarie (per impatto)
Top 10 correzioni che risolvono l'80% dei problemi di accessibilità su un sito PMI:
- Aggiungere alt text descrittivo a tutte le immagini di contenuto (alt vuoto per decorative)
- Verificare contrasto 4.5:1 su tutto il testo (Stark, axe o Color Contrast Analyser)
- Testare navigazione tastiera completa: Tab + Shift+Tab + Invio + Spazio + frecce
- Aggiungere focus ring visibili 2-4px (mai outline: none senza alternativa)
- Associare ogni <input> a un <label for> o <label> avvolgente
- Aggiungere ARIA roles/label sui componenti custom (modal, dropdown, tabs)
- Verificare gerarchia heading: H1 unico per pagina, ordine logico senza salti
- Permettere zoom 200% senza overflow né scroll orizzontale
- Convertire target size in min 24×24 pixel CSS (pulsanti, link cliccabili)
- Skip link 'Vai al contenuto principale' a inizio pagina (visibile al focus)
export function SkipLink() {
return (
<a
href="#main-content"
className="absolute left-0 top-0 -translate-y-full bg-cyan-300 text-black px-4 py-2 z-[100] focus:translate-y-0 transition-transform"
>
Aller au contenu principal
</a>
);
}6. Dichiarazione di accessibilità
Documento obbligatorio in pagina dedicata (link nel footer), da aggiornare annualmente. Deve contenere:
- Livello di conformità raggiunto — Pienamente conforme / Parzialmente conforme / Non conforme
- Metodologia di valutazione — Audit interno o esterno, strumenti usati, data dell'audit
- Standard applicati — WCAG 2.2 AA, EN 301 549, RGAA se Francia
- Elenco contenuti non accessibili noti — Con calendario di adeguamento
- Contenuti esentati — Se applicabile (onere sproporzionato, archivi) con giustificazione
- Recapiti di contatto — Email/modulo per richiedere una versione accessibile
- Mezzi di ricorso — Menzione del diritto di rivolgersi all'autorità competente (AgID e Garante per la disabilità in Italia, ARCOM in Francia)
7. Sanzioni e rischi
Livello di rischio per paese:
| Paese | Sanzioni max | Autorità |
|---|---|---|
| Francia | Fino a 50 000 € per non conformità (RGAA + EAA) | ARCOM, DGCCRF |
| Belgio | Variabile per Regione (Vallonia, Fiandre, Bruxelles) | Commissione EAA federale |
| Germania | Fino a 100 000 € (BFSG) | Marktüberwachungsbehörden |
| Spagna | Fino a 600 000 € (LGCA) | Ministerio de Asuntos Económicos |
| Italia | Fino al 5% del fatturato (Stanca Act + EAA) | AgID |
| Paesi Bassi | Variabile secondo ACM | Autoriteit Consument & Markt |
Rischi correlati spesso più costosi della sanzione:
- Azione collettiva — Possibile in Francia e Belgio, danni cumulativi potenzialmente importanti
- Perdita di gare pubbliche — Clausole di accessibilità obbligatorie nei bandi
- Danno reputazionale — Liste pubbliche di siti non conformi da parte di associazioni
- Perdita di pubblico — 15-20% della popolazione europea con disabilità
Checklist di conformità 2026
- Applicabilità EAA confermata — Verifica perimetro + esenzione microimpresa
- Audit completo realizzato — Auto + manuale + test utenti su 12 mesi
- Top 10 correzioni applicate — Alt, contrasto, focus, label, ARIA, gerarchia, zoom, target, skip link
- Dichiarazione di accessibilità pubblicata — Pagina dedicata, link footer, aggiornamento annuale
- Test integrati nel CI/CD — jest-axe o Playwright + axe-core su ogni PR
- Formazione team editoriali — Redazione di alt text, contrasto, struttura
- Audit esterno annuale programmato — Validazione da esperto terzo
Read next
GDPR e sito web nel 2026: guida alla conformità per PMI europee
Cookie, Consent Mode v2, trasferimenti extra-UE, DPO, registro dei trattamenti, tempi di conservazione: tutto ciò che una PMI deve configurare nel 2026 per restare GDPR compliant.
Next.js static export e Core Web Vitals: il playbook 2026
Tutte le ottimizzazioni applicate sui siti Next.js static export per raggiungere 95+ PageSpeed mobile: strategia font, CSS, LCP, INP, CLS, trappole Framer Motion, hosting.
SEO tecnico di un sito statico Next.js: checklist completa 2026
Tutto quello da configurare tecnicamente perché un sito Next.js static export raggiunga 100/100 SEO: metadata, JSON-LD, sitemap, hreflang, robots, Speakable, schema avanzati.
