Schița de curs
Ziua 1: Contextul legal și fundamentele Accessibilității
Modulul 1: Introducere în legea Accessibilității și importanța sa
- Perspectiva generală asupra noii legi de Accessibilitate (în vigoare din 28 iunie)
- Necesitățiile legale și termenele limită
- Impactul asupra sectorului public, companiilor private și dezvoltatorilor
- Poimântuialitatea accesibilității: perspective sociale, etice și de afaceri
- Sancțiuni pentru neconformitate
- Prezentare generală a standardelor de Accessibilitate (WCAG 2.1/2.2, ARIA)
- Categorii de dizabilități
Modulul 2: Principiile și directivele Accessibilității
- Principiile POUR (Perceptibil, Utilizabil, Inteligibil, Robust)
- Introducere în directivele WCAG
- Rolurile ARIA, stările și proprietățile
- HTML semantică și rolul său în accesibilitate
Modulul 3: Configurarea unui mediu de dezvoltare Accessibil
- Instrumente: instrumentele dev ale navigatorului, cititori de ecran (NVDA, VoiceOver), extensii de accesibilitate
- Configurarea lint-urilor și a instrumentelor automate pentru testarea Accessibilității
- Vederi generale asupra instrumentelor comune de testare Accessibilitate
- Configurarea testărilor de accesibilitate pe simulatoare mobile și dispozitive reale (folosind VoiceOver/TalkBack, Android Scannerul Accessibilității, Inspectorul Accessibilității Xcode).
Modulul 4: Codarea practică – HTML semantic și navigabilitate cu tastatură
- Scrierea unui markup semantic pentru accesibilitate
- Așigurarea navigabilității complete cu tastatură
- Tehnici de gestionare a focului
- Gestionează formularurile și elementele interactive într-un mod accesibil
Accessibilitatea în aplicațiile mobile native (Modul suplimentar optional de 1,5 ore)
- Directivile cheie ale platformei (Google Material, Apple Human Interface)
- Pentru navigare accesibilă, butoane și formularuri pe dispozitive mobile
- Problemele comune de accesibilitate mobile și soluțiile lor
- Testarea cu VoiceOver și TalkBack în practică
Ziua 2: Codare avansată și tehnologii asistente
Modulul 5: CSS accesibilă și design vizual
- Practicile bune pentru contrastul culorilor și dimensiunea textului
- Stilurile de focus și indicatorii vizibili ale focarului
- Considerente pentru design responsiv la accesibilitate
- A evita problemele legate de animații și tranziții în accesibilitate
- Direcțiile pentru contrastul culorilor și dimensiunea ecranurilor mobile.
Modulul 6: ARIA pentru conținut dinamic și aplicații internet bogate
- Când și cum să folosești atributele ARIA
- Gestionarea regiunilor live pentru cititori de ecran
- Crearea de widget-uri accesibile și componentelor personalizate
- Rola lui ARIA în SPA (aplicații pe o pagină)
- Pentru dispozitive mobile, discutați rolurile și etichetele de accesibilitate în platforme native (de exemplu contentDescription în Android, accessibilityLabel în iOS).
Modulul 7: Laborator de codare practică: Construirea componentelor accesibile
- Creați butoane, modale, dropdown-uri și filtre accesibile
- Implementarea validării formularului accesibile și gestionării erorilor
- Folosirea ARIA și a HTML semantic pentru componente UI din lumea reală
Ziua 3: Testare, conformitate și accesibilitate continuă
Modulul 8: Testarea și auditarea Accessibilității
- Tehnici de testare manuală cu cititori de ecran și doar tastatură
- Testare automatizată cu instrumente precum axe, Lighthouse, pa11y
- Scrierea cazurilor de test pentru echipele QA
- Integrarea testării Accessibilității în canalele CI/CD
- Cum să efectuați audite ale accesibilității pentru aplicații mobile native (testele manuale, instrumentele automate precum Scannerul de Accessibilitate, Espresso pentru Android, XCTest pentru iOS)
Modulul 9: Remedializare și accesibilitate continuă
- Probleme comune de accesibilitate și modul de rezolvare a acestora
- Gestionarea accesibilității în coduri legacy
- Maintaining accessibility during feature updates and refactoring (Mentinerea accesibilității în timpul actualizărilor funcțiilor și refactorizării)
- Accessibilitatea în aplicații multiple platforme (mobile, desktop, web)
Modulul 10: Exercițiu practic final și concluzie
- Construiți sau refactorizați o aplicație/module mică pentru a satisface standardele de accesibilitate
- Revizuirea colegilor și discuții în grup
- Sesiune de întrebări-răspunsuri și feedback
- Surse pentru învățarea continuă și actualizările conformității
Cerințe
- Conoștințe de bază la intermediar de HTML, CSS, JavaScript
- Conoștințe de bază la intermedia ale tehnicilor de aplicații mobile (Android, IOS)
- Familiaritate cu cadrelor front-end (React, Angular, Vue, etc.) este un plus
- Familiaritate cu dezvoltarea aplicațiilor mobile este un plus
- Comprehensie de bază a ciclului de viață al dezvoltării web/mobile
- Laptop cu mediu de dezvoltare configurat (editor de cod, instrumente pentru dezvoltator în browser)
Audiți - Dezvoltatori Frontend/Backend/Mobile
- UI/UX Designeri cu cunoștințe de codare
- Inginerii QA care se concentrează pe testarea accesibilității
- Proprietarii Produselor și Managerii Proiectului implicați în conformitatea accesibilității
Mărturii (5)
Faptul că au existat exemple practice cu conținutul
Smita Hanuman - Standard Bank of SA Ltd
Curs - Basel III – Certified Basel Professional
Tradus de catre o masina
Viteza de răspuns și comunicare
Bader Bin rubayan - Lean Business Services
Curs - ISO/IEC 27001 Lead Implementer
Tradus de catre o masina
Am apreciat modul în care instruCTORUL parăa foarte competente cu Figma.
January Oliva - Eko Health
Curs - User Experience Design with Figma
Tradus de catre o masina
- exercițiile sunt practice - formatorul este de ajutor în răspuns la întrebările noastre specifice
Germaine Choi - The Hong Kong Jockey Club
Curs - User Experience (UX) Design
Tradus de catre o masina
Atmosfera, abordarea exercițiilor și comentariile despre teme. A fost o modalitate atât de plăcută și relaxată de transmitere a cunoștințelor
Elzbieta Moc-Kilanska - EY GDS
Curs - User Experience UX Design Fundamentals
Tradus de catre o masina