Struttura del corso
Giorno 1: Contesto Legale e Fondamenti dell'accessibilità
Módulo 1: Introduzione alla Legge sull'accessibilità e la sua Importanza
- Panoramica della nuova legge sull'accessibilità (entrata in vigore il 28 giugno)
- Requisiti legali e scadenze
- Impatto sul settore pubblico, aziende private e sviluppatori
- Perché l'accessibilità è importante: prospettive sociali, etiche ed aziendali
- Sanzioni per il non rispetto della legge
- Panoramica delle normative di accessibilità (WCAG 2.1/2.2, ARIA)
- Categorie di disabilità
Módulo 2: Principi e Linee Guida dell'accessibilità
- Principi POUR (Percepibile, Operabile, Comprendibile, Robusto)
- Introduzione alle linee guida WCAG
- Ruoli, stati e proprietà ARIA
- Semantica HTML ed il suo ruolo nell'accessibilità
Módulo 3: Configurazione di un Ambiente Sviluppo Accessibile
- Strumenti: strumenti sviluppativi del browser, lettori schermo (NVDA, VoiceOver), estensioni per l'accessibilità
- Configurazione dei linter e degli strumenti di test automatizzati dell'accessibilità
- Panoramica degli strumenti comuni di test dell'accessibilità
- Configurazione del testing sull'accessibilità su simulatori mobili e dispositivi reali (utilizzando VoiceOver/TalkBack, Android Accessibilità Scanner, Xcode Accessibilità Inspector).
Módulo 4: Codifica Pratica – Markup Semantico e Navigazione con Tastiera
- Scrittura di markup semantici per l'accessibilità
- Garanzia della navigabilità completa con tastiera
- Tecniche di gestione del focus
- Gestione dei moduli e degli elementi interattivi in modo accessibile
Accessibilità nelle App Mobili Native (Modulo opzionale per 1,5 ore)
- Liner guida chiave delle piattaforme (Google Material, Apple Human Interface)
- Rendi la navigazione, i pulsanti e i moduli accessibili sui dispositivi mobili
- Problemi comuni di accessibilità nei dispositivi mobili e soluzioni
- Test pratici con VoiceOver e TalkBack
Giorno 2: Codifica Avanzata e Tecnologie Assistive
Módulo 5: Progettazione Visuale Accessibile
- Pratiche ottimali per il contrasto del colore e le dimensioni del testo
- Stili di focus e indicatori di focus visibili
- Riflessioni sull'accessibilità nel design responsivo
- Sfuggire ai trappole dell'accessibilità nelle animazioni e transizioni
- Linee guida per il contrasto del colore e le dimensioni sulle schermate mobili.
Módulo 6: ARIA per Contenuti Dinamici e App Internet Ricche
- Quando e come utilizzare gli attributi ARIA
- Gestione delle aree live per i lettori schermo
- Crea componenti widget e personalizzati accessibili
- Ruolo dell'ARIA nelle SPA (Single Page Applications)
- Per dispositivi mobili, discutere dei ruoli di accessibilità e delle etichette nelle piattaforme nativa (ad esempio contentDescription in Android, accessibilityLabel in iOS).
Módulo 7: Laboratorio Pratico di Codifica: Costruzione di Componenti Accessibili
- Crea pulsanti, modali, menu a tendina e schede accessibili
- Implementa la validazione dei form e il trattamento degli errori in modo accessibile
- Utilizza ARIA e markup semantico HTML per i componenti UI reali
Giorno 3: Testing, Conformità e Accessibilità Continua
Módulo 8: Test di Accessibilità e Revisione
- Tecniche di test manuale con lettori schermo e solo tastiera
- Test automatizzato con strumenti come axe, Lighthouse, pa11y
- Riduzione delle basi per l'accessibilità dei team QA
- Inserimento del testing di accessibilità nelle pipeline CI/CD
- Come eseguire i test di accessibilità sulle app mobili native (test manuali, strumenti automatizzati come Accessibilità Scanner, Espresso per Android, XCTest per iOS)
Módulo 9: Rimedi e Accessibilità Continua
- Problemi comuni di accessibilità e come risolverli
- Gestione dell'accessibilità nei codebase legacy
- Mantenimento dell'accessibilità durante gli aggiornamenti delle funzionalità e la rifattorizzazione
- Accessibilità nelle app multi-piattaforma (mobile, desktop, web)
Módulo 10: Esercizio Pratico Finale ed Esame
- Crea o ristruttura un piccola applicazione/modulo per soddisfare i requisiti di accessibilità
- Riunione di recensione e discussione di gruppo
- Sessi domande e risposte ed esperienze
- Risorse per l'apprendimento continuo e aggiornamenti sulla conformità
Requisiti
- Conoscenza di base a intermedia di HTML, CSS, JavaScript
- Conoscenza di base a intermedia delle tecniche per le app mobili (Android, IOS)
- Affidamento con i framework frontend (React, Angular, Vue, ecc.) è un plus
- Affidamento con lo sviluppo di app mobili è un plus
- Comprensione di base del ciclo di vita dello sviluppo web/mobile
- Notebook con ambiente di sviluppo installato (editor di codice, strumenti sviluppatore del browser)
Pubblico - Sviluppatori Frontend/Backend/Mobile
- Progettisti UI/UX con conoscenze di programmazione
- Ingegneri QA focalizzati sul testing per l'accessibilità
- Owner dei prodotti e Project Managers coinvolte nella conformità all'accessibilità
Recensioni (5)
The fact that there were practical examples with the content
Smita Hanuman - Standard Bank of SA Ltd
Corso - Basel III – Certified Basel Professional
I did like how the instructor seemed very knowledgeable with Figma.
January Oliva - Eko Health
Corso - User Experience Design with Figma
- exercises are practical - trainer is helpful in answering our specific questions
Germaine Choi - The Hong Kong Jockey Club
Corso - User Experience (UX) Design
Atmosphere, approach to the exercises and comments about the tasks. It was so nice and relaxed way of relay the knowledge
Elzbieta Moc-Kilanska - EY GDS
Corso - User Experience UX Design Fundamentals
The trainer was extremely clear and concise. Very easy to understand and absorb the information.