Risorse e glossario sull'accessibilità web

Questa pagina funge da punto di riferimento per la terminologia sull'accessibilità, gli standard ufficiali, gli strumenti e gli approfondimenti. Aggiungila ai preferiti e consultala ogni volta che devi cercare un concetto o trovare una risorsa.

Glossario dei termini sull'accessibilità web

Albero di accessibilità — Una rappresentazione semplificata del DOM che i browser creano per le tecnologie assistive. Contiene le informazioni semantiche sugli elementi della pagina — i loro nomi, ruoli, stati e proprietà — che gli screen reader e altre tecnologie assistive utilizzano per presentare il contenuto agli utenti.

Testo alternativo (Alt Text) — Una descrizione testuale del contenuto non testuale, più comunemente delle immagini. Il testo alternativo viene letto ad alta voce dagli screen reader e visualizzato quando le immagini non vengono caricate. Dovrebbe descrivere lo scopo o il contenuto dell'immagine, non semplicemente il suo aspetto visivo.

ARIA (WAI-ARIA) — Accessible Rich Internet Applications. Una specifica del W3C che fornisce attributi HTML aggiuntivi per migliorare l'accessibilità dei contenuti web dinamici e dei widget personalizzati. ARIA aggiunge informazioni semantiche per le tecnologie assistive quando la semantica HTML nativa è insufficiente.

Tecnologia assistiva — Hardware o software che le persone con disabilità utilizzano per interagire con i contenuti digitali. Gli esempi includono screen reader (JAWS, NVDA, VoiceOver), ingranditori di schermo, tastiere alternative, dispositivi switch, software di riconoscimento vocale e sistemi di eye-tracking.

Conformità — Il grado in cui il contenuto digitale soddisfa i requisiti di un livello WCAG specifico. La piena conformità a un dato livello significa che tutti i criteri di successo a quel livello e inferiori sono soddisfatti per l'intera pagina.

EAA (European Accessibility Act) — Direttiva UE 2019/882 che richiede l'accessibilità di prodotti e servizi inclusi e-commerce, banche, trasporti e telecomunicazioni. Applicabile dal 28 giugno 2025.

EN 301 549 — Lo standard europeo armonizzato per l'accessibilità ICT. Incorpora il WCAG per i contenuti web e fornisce requisiti aggiuntivi per software, documenti, hardware e tecnologie di comunicazione. La conformità all'EN 301 549 crea una presunzione di conformità con l'EAA.

Indicatore di focus — Un indicatore visivo (tipicamente un contorno o un'evidenziazione) che mostra quale elemento della pagina ha attualmente il focus della tastiera. Essenziale per la navigazione da tastiera.

Punto di riferimento (Landmark) — Una regione di una pagina che è stata identificata come avente uno scopo strutturale specifico, permettendo agli utenti di tecnologie assistive di navigare direttamente verso di essa. I punti di riferimento comuni includono banner, navigazione, principale, complementare e informazioni sul contenuto. Creati tramite gli elementi di sezione HTML5 o i ruoli landmark ARIA.

Regione live — Un'area di una pagina web che si aggiorna dinamicamente e i cui cambiamenti dovrebbero essere annunciati dalle tecnologie assistive senza che l'utente debba navigare verso quell'area. Definita usando l'attributo aria-live con valori "polite" (annunciato alla prossima pausa conveniente) o "assertive" (annunciato immediatamente).

POUR — I quattro principi del WCAG: Percepibile, Utilizzabile, Comprensibile, Robusto. Tutte le linee guida e i criteri di successo WCAG sono organizzati sotto questi principi.

Screen reader — Software di tecnologia assistiva che converte il contenuto sullo schermo in output vocale o braille. Gli screen reader interpretano l'albero di accessibilità per presentare il contenuto, navigare la struttura della pagina e interagire con i controlli.

HTML semantico — Markup HTML che trasmette il significato del contenuto che contiene, anziché limitarsi a definirne l'aspetto. Usare <nav> invece di <div class="nav">, <button> invece di <span onclick>, e <h2> invece di <div class="heading"> sono esempi di HTML semantico.

Skip link — Un meccanismo di navigazione, tipicamente il primo elemento focalizzabile di una pagina, che permette agli utenti da tastiera di saltare i blocchi di contenuto ripetuti (come i menu di navigazione) e andare direttamente al contenuto principale.

Criterio di successo — Un requisito specifico e testabile all'interno del WCAG. A ogni criterio di successo viene assegnato un numero (ad es. 1.4.3), un nome descrittivo (Contrasto – Minimo) e un livello di conformità (A, AA o AAA).

VPAT (Voluntary Product Accessibility Template) — Un formato di documento standardizzato utilizzato per descrivere come un prodotto o servizio è conforme agli standard di accessibilità. I VPAT sono comunemente richiesti nei processi di approvvigionamento, in particolare nel settore pubblico statunitense.

WCAG (Web Content Accessibility Guidelines) — Lo standard internazionale per l'accessibilità web pubblicato dal W3C. La versione attuale è il WCAG 2.2, contenente 86 criteri di successo organizzati sotto quattro principi e tredici linee guida.

Standard e specifiche ufficiali

• WCAG 2.2 — L'attuale Raccomandazione W3C per l'accessibilità dei contenuti web: w3.org/TR/WCAG22/
• Comprendere il WCAG 2.2 — Spiegazioni dettagliate di ciascun criterio di successo: w3.org/WAI/WCAG22/Understanding/
• Tecniche per il WCAG 2.2 — Tecniche di implementazione specifiche: w3.org/WAI/WCAG22/Techniques/
• WAI-ARIA 1.2 — L'attuale specifica ARIA: w3.org/TR/wai-aria-1.2/
• ARIA Authoring Practices Guide — Modelli di implementazione per widget accessibili: w3.org/WAI/ARIA/apg/
• EN 301 549 — Standard europeo di accessibilità ICT
• European Accessibility Act — Direttiva 2019/882 testo integrale

Strumenti di test

Strumenti gratuiti di test automatizzato: estensione del browser axe DevTools, estensione del browser WAVE, Google Lighthouse (integrato in Chrome), IBM Equal Access Accessibility Checker, Pa11y (riga di comando).

Verificatori di contrasto: WebAIM Contrast Checker, Colour Contrast Analyser (applicazione desktop), selettore di colori di Chrome DevTools con rapporto di contrasto.

Screen reader per il testing: NVDA (gratuito, Windows), VoiceOver (integrato in macOS e iOS), TalkBack (integrato in Android), JAWS (commerciale, Windows).

Strumenti per sviluppatori del browser: pannello Accessibilità di Chrome, Inspector Accessibilità di Firefox, funzionalità di accessibilità di Edge DevTools.

Approfondimenti

• W3C Web Accessibility Initiative (WAI) — La fonte più autorevole di indicazioni e standard sull'accessibilità: w3.org/WAI/
• WebAIM — Risorse pratiche sull'accessibilità e formazione: webaim.org
• The A11Y Project — Risorsa sull'accessibilità guidata dalla comunità: a11yproject.com
• Deque University — Corsi gratuiti sull'accessibilità e certificazione: dequeuniversity.com