Struttura del corso
Contesto Legale & Fondamenti dell'Accessibilità
Modulo 1: Introduzione alla Legge sull'Accessibilità e la Sua Importanza
- Panoramica della nuova Legge sull'Accessibilità (in vigore dal 28 giugno)
- Requisiti legali e scadenze
- Impatto sul settore pubblico, aziende private e sviluppatori
- Perché l'accessibilità è importante: prospettive sociali, etiche e di business
- Sanzioni per la non conformità
- Panoramica degli standard di accessibilità (WCAG 2.1/2.2, ARIA)
- Categorie di disabilità
Modulo 2: Principi e Linee Guida sull'Accessibilità
- Principi POUR (Perceivable, Operable, Understandable, Robust)
- Introduzione alle linee guida WCAG
- Ruoli, stati e proprietà ARIA
- HTML semantico e il suo ruolo nell'accessibilità
Modulo 3: Configurazione di un Ambiente di Sviluppo Accessibile
- Strumenti: strumenti di sviluppo del browser, lettori di schermo (NVDA, VoiceOver), estensioni per l'accessibilità
- Configurazione di linter e strumenti di testing automatico dell'accessibilità
- Panoramica degli strumenti di testing comuni per l'accessibilità
- Configurazione del testing dell'accessibilità su simulatori mobili e dispositivi reali (utilizzando VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Modulo 4: Codifica Pratica – HTML Semantico & Navigazione con Tastiera
- Scrittura di markup semantico per l'accessibilità
- Garanzia della completa navigabilità con tastiera
- Tecniche di gestione del focus
- Gestione accessibile delle forme e degli elementi interattivi
Accessibilità nelle App Mobili Nativa (Modulo aggiuntivo opzionale di 1,5 ore)
- Linee guida principali delle piattaforme (Google Material, Apple Human Interface)
- Rendere accessibili la navigazione, i pulsanti e le forme su dispositivi mobili
- Problemi comuni di accessibilità mobile e soluzioni
- Testing pratico con VoiceOver e TalkBack
Codifica Avanzata & Tecnologie Assistive
Modulo 5: CSS Accessibile e Design Visivo
- Best practices per il contrasto dei colori e la dimensione del testo
- Stili di focus e indicatori visibili
- Considerazioni sul design responsivo per l'accessibilità
- Evitare errori comuni in animazioni e transizioni
- Linee guida per il contrasto dei colori e le dimensioni su schermi mobili.
Modulo 6: ARIA per Contenuti Dinamici & Applicazioni Internet Ricche
- Quando e come utilizzare gli attributi ARIA
- Gestione delle aree live per i lettori di schermo
- Creazione di widget e componenti personalizzati accessibili
- Ruolo dell'ARIA nelle SPA (Single Page Applications)
- Per il mobile, discussione sui ruoli di accessibilità e etichette nelle piattaforme native (ad esempio contentDescription in Android, accessibilityLabel in iOS).
Modulo 7: Lab di Codifica Pratica: Creazione di Componenti Accessibili
- Creare pulsanti, modali, dropdowns e tabs accessibili
- Implementare la validazione delle forme e la gestione degli errori in modo accessibile
- Utilizzare ARIA e HTML semantico per componenti UI reali
Testing, Conformità e Accessibilità Continua
Modulo 8: Testing dell'Accessibilità & Audit
- Tecniche di testing manuale con lettori di schermo e solo tastiera
- Testing automatico con strumenti come axe, Lighthouse, pa11y
- Scrivere casi test per i team QA
- Integrare il testing dell'accessibilità nelle pipeline CI/CD
- Come eseguire audit di accessibilità su app mobili native (test manuali, strumenti automatici come Accessibility Scanner, Espresso per Android, XCTest per iOS)
Modulo 9: Risoluzione dei Problemi & Accessibilità Continua
- Problemi comuni di accessibilità e come risolverli
- Gestire l'accessibilità nei codici legacy
- Mantenere l'accessibilità durante gli aggiornamenti delle funzionalità e il rifactoring
- Accessibilità nelle app multipiattaforma (mobile, desktop, web)
Modulo 10: Esercizio Pratico Finale e Conclusione
- Costruire o rifattorizzare una piccola app/modulo per soddisfare gli standard di accessibilità
- Revisione tra pari e discussione in gruppo
- Sessione Q&A e feedback
- Risorse per il continuo apprendimento e gli aggiornamenti di conformità
Requisiti
- Conoscenze di base a intermedie di HTML, CSS, JavaScript
- Conoscenze di base a intermedie delle tecniche di app mobili (Android, iOS)
- Familiarità con framework frontend (React, Angular, Vue, ecc.) è un plus
- Familiarità con lo sviluppo di app mobili è un plus
- Conoscenze di base del ciclo di vita di sviluppo web/mobile
- Laptop con ambiente di sviluppo configurato (editor di codice, strumenti di sviluppo browser)
Pubblico di Riferimento
- Sviluppatori Frontend/Backend/Mobile
- Designer UI/UX con conoscenze di codifica
- Ingegneri QA che si occupano di testing accessibilità
- Proprietari del Prodotto e Project Manager coinvolti in conformità all'accessibilità
Recensioni (5)
“Ho davvero apprezzato l'approccio in tempo reale che il formatore ha utilizzato per mostrare come il nostro team possa applicare la Progettazione Centrata sull'Umano (HCD) al nostro progetto. È stato altresí ottimo che il formatore abbia dedicato del tempo per comprendere il nostro progetto in modo generale, il che ha aiutato a fornire indicazioni chiare e pratiche su come possiamo affrontare meglio sia l'UX che l'UI.”
Nichole Bryant Joven - Grundfos
Corso - Human-Centered Design (HCD)
Traduzione automatica
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