Accessibilità digitale: la parte tecnica (WCAG 2.1, implementazione e test)

Presentazione del corso

Un sito o un’app può dichiarare di essere accessibile e non esserlo. Questo corso insegna a riconoscere la
differenza e a intervenire: parte dalle WCAG e dai quattro principi POUR, arriva al codice HTML, CSS e JavaScript
e finisce con gli strumenti di test e i documenti che servono per dimostrare la conformità.

Non è un corso teorico: ogni modulo ha un’esercitazione. Si analizzano screenshot di interfacce reali, si
corregge codice per rendere conformi un modulo contatti e una barra di navigazione, e si compila una checklist
WCAG su un sito vero con stesura della bozza di dichiarazione di accessibilità.

Serve a chi il sito lo costruisce o lo fa costruire: sviluppatori, designer, responsabili IT e agenzie. La
cornice legale resta sullo sfondo, perché gli obblighi e le scadenze sono oggetto della parte legale del percorso.

Durata del corso: 8 ore, in 4 moduli con esercitazioni pratiche e quiz di verifica. Le date dell’edizione saranno comunicate appena fissate con il docente.

Programma del corso

Modulo 1 — Introduzione all’EAA

• Perché l’accessibilità è importante: concetti chiave e benefici
• Il contesto normativo: la Direttiva (UE) 2019/882 e i requisiti per prodotti e servizi digitali
• Il ruolo delle WCAG: come si integrano nell’EAA e com’è fatta la WCAG 2.1 (livelli A, AA, AAA)

Slide e discussione guidata

Modulo 2 — WCAG e principi POUR: teoria

• Struttura delle WCAG: 4 principi, linee guida e criteri di successo
• Differenze tra i livelli A, AA e AAA
• Perceivable: testi alternativi e video accessibili
• Operable: tastiera, timeout, gesture
• Understandable: linguaggio, coerenza, suggerimenti sugli input
• Robust: compatibilità con le tecnologie assistive
• Esempi positivi e negativi di applicazione

Esercizio: analisi di screenshot di interfacce e associazione dei problemi ai principi POUR violati · quiz di verifica

Modulo 3 — Implementazione tecnica per siti e app

• Tecniche HTML, CSS e JavaScript per l’accessibilità
• Attributi ARIA: quando usarli e quando è meglio non usarli
• Gestione del focus, tabindex e navigazione da tastiera
• Accessibilità nei form: etichette, messaggi di errore, istruzioni
• Accessibilità dei media: sottotitoli, trascrizioni, descrizioni
• Mobile: gesture accessibili ed elementi touch
• Strumenti di test: axe, WAVE, Lighthouse, NVDA, VoiceOver
• Integrazione dell’accessibilità nello sviluppo agile

Workshop: revisione e correzione di codice HTML/CSS — rendere conformi un modulo contatti e una barra di navigazione · quiz di verifica

Modulo 4 — Accessible design, compliance e processi

• UI accessibile: pattern, componenti e uso del colore
• Tipografia leggibile e microcopy inclusivo
• Accessibilità per disabilità cognitive, motorie e visive
• Creazione della dichiarazione di accessibilità
• Documentare un audit e redigere un remediation plan
• Checklist di conformità e inserimento dell’accessibilità in contratti e procurement
• Promuovere una cultura aziendale inclusiva

Esercizio: analisi di un sito reale con checklist WCAG e stesura della bozza di dichiarazione · quiz di verifica

Obiettivi del corso

• Conoscere la struttura delle WCAG 2.1 e distinguere i livelli A, AA e AAA
• Applicare i quattro principi POUR a casi concreti
• Scrivere HTML semantico e usare ARIA solo dove serve
• Gestire focus, tastiera, form e contenuti multimediali accessibili
• Eseguire un primo test con axe, WAVE, Lighthouse e screen reader
• Documentare un audit e redigere un remediation plan

Destinatari

• Sviluppatori front-end e full-stack
• UX/UI designer e product designer
• Responsabili e tecnici dei sistemi informativi
• Agenzie web, software house e società di digital transformation
• Referenti digitali della pubblica amministrazione
• Web content editor e responsabili comunicazione
• Chi deve rifare il sito o l’app e vuole evitare di rifarlo due volte

Docente e attestato

Corso tenuto da Valerio Battagli. L’attestato di partecipazione è nominativo, in PDF.
Questa parte non è accreditata presso il Consiglio Nazionale Forense: i crediti CNF sono previsti
solo per la parte legale del percorso.