Live · status OK
Back to blog
Manutenzione13 min

Accessibilità web ed European Accessibility Act 2025: guida WCAG 2.2

TL;DR

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.

Julien Daniel
ByJulien Daniel
Founder & CTO, OptionWeb
Share
Simbolo accessibilità con checklist WCAG 2.2 e bandiera europea

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 B2CQualsiasi negozio online che vende a consumatori in UE (Shopify, WooCommerce, Magento, custom)
  • Servizi bancari onlineSiti e app di banche, neobanche, servizi di pagamento
  • Trasporto passeggeriSiti di biglietteria, info traffico, app di mobilità
  • TelecomunicazioniOperatori telefono/internet, siti di sottoscrizione e gestione conto
  • Servizi digitaliSaaS, piattaforme di prenotazione, marketplace, servizi audiovisivi
  • Libri digitali ed e-readerEditori 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:

CriterioLivelloImpatto
Alt text su tutte le immaginiACritico — senza alt, immagine invisibile agli screen reader
Contrasto testo 4.5:1 (3:1 grande)AACritico — colpisce ipovedenti E vista normale al sole
Navigazione tastiera completaACritico — il 5% degli utenti non può usare il mouse
Focus visibile (focus ring 2-4px)AACritico — senza focus ring, navigazione tastiera impossibile
Label associate agli inputACritico — form inutilizzabili senza label
ARIA roles/label sui componenti customACritico — modali, dropdown, accordion
Gerarchia heading logicaAImportante — H1→H2→H3 senza salto H2→H4
Testo ridimensionabile fino a 200%AAImportante — niente overflow, niente scroll orizzontale
Target size minimo 24×24 pixel CSSAA (2.2)Nuovo 2.2 — pulsanti e link cliccabili
Autenticazione accessibileAA (2.2)Nuovo 2.2 — niente auth basata solo su memoria/cognizione

4. Audit accessibilità: strumenti e metodo

Metodologia OptionWeb a 3 livelli:

  1. Audit automatico — copre il 30-40% dei problemi in 30 minuti
  2. Audit manuale — copre il restante 60-70% in 4-8 ore
  3. Test utenti reali — validazione finale con persone con disabilità
StrumentoTipoPrezzoCopertura
axe DevToolsAuto (estensione)GratuitoEccellente, +10% in pro
Lighthouse a11yAuto (Chrome)GratuitoBuono, integrato in DevTools
WAVEAuto (estensione)GratuitoBuono, visualizzazione errori
Pa11y CLIAuto (CI/CD)GratuitoEccellente per automazione
NVDAScreen readerGratuito (Windows)Standard per audit manuale
VoiceOverScreen readerIncluso macOS/iOSStandard Apple
StarkAudit pro8-30 $/mesePlugin Figma + audit live
Tenon.ioAudit API0,02 $/scanPer dev, integrazione custom

5. Correzioni prioritarie (per impatto)

Top 10 correzioni che risolvono l'80% dei problemi di accessibilità su un sito PMI:

  1. Aggiungere alt text descrittivo a tutte le immagini di contenuto (alt vuoto per decorative)
  2. Verificare contrasto 4.5:1 su tutto il testo (Stark, axe o Color Contrast Analyser)
  3. Testare navigazione tastiera completa: Tab + Shift+Tab + Invio + Spazio + frecce
  4. Aggiungere focus ring visibili 2-4px (mai outline: none senza alternativa)
  5. Associare ogni <input> a un <label for> o <label> avvolgente
  6. Aggiungere ARIA roles/label sui componenti custom (modal, dropdown, tabs)
  7. Verificare gerarchia heading: H1 unico per pagina, ordine logico senza salti
  8. Permettere zoom 200% senza overflow né scroll orizzontale
  9. Convertire target size in min 24×24 pixel CSS (pulsanti, link cliccabili)
  10. Skip link 'Vai al contenuto principale' a inizio pagina (visibile al focus)
components/SkipLink.tsxtsx
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à raggiuntoPienamente conforme / Parzialmente conforme / Non conforme
  • Metodologia di valutazioneAudit interno o esterno, strumenti usati, data dell'audit
  • Standard applicatiWCAG 2.2 AA, EN 301 549, RGAA se Francia
  • Elenco contenuti non accessibili notiCon calendario di adeguamento
  • Contenuti esentatiSe applicabile (onere sproporzionato, archivi) con giustificazione
  • Recapiti di contattoEmail/modulo per richiedere una versione accessibile
  • Mezzi di ricorsoMenzione 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:

PaeseSanzioni maxAutorità
FranciaFino a 50 000 € per non conformità (RGAA + EAA)ARCOM, DGCCRF
BelgioVariabile per Regione (Vallonia, Fiandre, Bruxelles)Commissione EAA federale
GermaniaFino a 100 000 € (BFSG)Marktüberwachungsbehörden
SpagnaFino a 600 000 € (LGCA)Ministerio de Asuntos Económicos
ItaliaFino al 5% del fatturato (Stanca Act + EAA)AgID
Paesi BassiVariabile secondo ACMAutoriteit Consument & Markt

Rischi correlati spesso più costosi della sanzione:

  • Azione collettivaPossibile in Francia e Belgio, danni cumulativi potenzialmente importanti
  • Perdita di gare pubblicheClausole di accessibilità obbligatorie nei bandi
  • Danno reputazionaleListe pubbliche di siti non conformi da parte di associazioni
  • Perdita di pubblico15-20% della popolazione europea con disabilità

Checklist di conformità 2026

  • Applicabilità EAA confermataVerifica perimetro + esenzione microimpresa
  • Audit completo realizzatoAuto + manuale + test utenti su 12 mesi
  • Top 10 correzioni applicateAlt, contrasto, focus, label, ARIA, gerarchia, zoom, target, skip link
  • Dichiarazione di accessibilità pubblicataPagina dedicata, link footer, aggiornamento annuale
  • Test integrati nel CI/CDjest-axe o Playwright + axe-core su ogni PR
  • Formazione team editorialiRedazione di alt text, contrasto, struttura
  • Audit esterno annuale programmatoValidazione da esperto terzo
Tags#accessibilita#eaa#wcag#a11y#compliance#rgaa