Schița de curs
Context Juridic & Fundamentele Accesibilității
Modul 1: Introducere la Legea Accesibilității și Importanța Acesteia
- Prezentare generală a noii legi de accesibilitate (în vigoare începând cu 28 iunie)
- Cerințe legale și termene limită
- Impactul asupra sectorului public, companiilor private și dezvoltatorilor
- De ce accesibilitatea este importantă: perspective sociale, etice și de afaceri
- Sancțiuni pentru nelicitanță
- Prezentare generală a standardelor de accesibilitate (WCAG 2.1/2.2, ARIA)
- Categorii de dizabilități
Modul 2: Principiile și Ghidurile Accesibilității
- Principiile POUR (Perceptibil, Operational, Inteligibil, Robust)
- Introducere la ghidurile WCAG
- Roluri ARIA, stări și proprietăți
- HTML semantic și rolul său în accesibilitate
Modul 3: Setarea unui Mediu de Dezvoltare Accesibil
- Unelte: instrumente de dezvoltator din browser, cititori de ecran (NVDA, VoiceOver), extensii pentru accesibilitate
- Setarea linterelor și unelților automate de testare a accesibilității
- Prezentare generală a uneltilor comune de testare a accesibilității
- Setarea testării accesibilității pe simulatori mobile și dispozitive reale (folosind VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Codificare Practicală – HTML Semantic & Navigare prin Tastatură
- Scrierea de markup semantic pentru accesibilitate
- Asigurarea navigabilității complete cu tastatură
- Tehnici de gestionare a focului
- Gestionarea formularilor și elementelor interactive în mod accesibil
Accesibilitatea în Aplicațiile Mobile Native (Modul opțional suplimentar de 1,5 ore)
- Principalele ghiduri ale platformei (Google Material, Apple Human Interface)
- Facerea navigării, butoanelor și formularului accesibile pe mobile
- Probleme comune de accesibilitate la mobile și soluțiile acestora
- Testare practică cu VoiceOver și TalkBack
Codificare Avansată & Tehnologii Asistive
Modul 5: CSS Accesibil și Design Visual
- Cel mai bine practici pentru contrastul culorilor și dimensiunea textului
- Stiluri de foc și indicatori de foc vizibili
- Considerente privind designul responsiv pentru accesibilitate
- Evitarea puțurilor cu zâmbet în animațiile și tranzițiile
- Ghiduri de contrast de culori și dimensiune pentru ecrane mobile.
Modul 6: ARIA pentru Conținut Dinamic & Aplicații Internet Avansate
- Când și cum să folosiți atributele ARIA
- Gestionarea regiunilor live pentru cititori de ecran
- Crearea de widget-uri accesibile și componente personalizate
- Rolul ARIA în SPA (Aplicații Pagina Singură)
- Pentru mobile, discutați rolurile și etichetele de accesibilitate în platformele native (de exemplu, contentDescription în Android, accessibilityLabel în iOS).
Modul 7: Laborator de Codificare Practicală: Construirea Componentelor Accesibile
- Creați butoane, modale, meniuri derulante, tab-uri accesibile
- Implementați validarea formularului și gestionarea erorilor în mod accesibil
- Folosiți ARIA și HTML semantic pentru componente UI din lumea reală
Testare, Conformitate și Accesibilitate Continuă
Modul 8: Testare & Auditing a Accesibilității
- Tehnici de testare manuală cu cititori de ecran și doar tastatură
- Testare automatizată cu unelte precum axe, Lighthouse, pa11y
- Scrierea de cazuri de test pentru echipele QA
- Integrarea testării accesibilității în pipeline-urile CI/CD
- Cum să rulați auditorii de accesibilitate pe aplicații mobile native (testare manuală, unelte automate precum Accessibility Scanner, Espresso pentru Android, XCTest pentru iOS)
Modul 9: Remediere & Accesibilitate Continuă
- Probleme comune de accesibilitate și cum să le remediați
- Gestionarea accesibilității în codurile moștenite
- Menținerea accesibilității în timp ce se actualizează caracteristicile și refactoringul
- Accesibilitatea în aplicațiile multi-platforme (mobile, desktop, web)
Modul 10: Exercițiu Pratic Final și Rezumat
- Construiți sau refacetați o aplicație/modul mic pentru a îndeplini standardele de accesibilitate
- Revizuire între perechi și discuție în grup
- Sesiune Q&A și feedback
- Resurse pentru învățarea continuă și actualizările de conformitate
Cerințe
- Cunoștințe de bază la nivel intermediar de HTML, CSS, JavaScript
- Cunoștințe de bază la nivel intermediar de tehnici mobile (Android, IOS)
- Familiaritatea cu framework-uri frontend (React, Angular, Vue, etc.) este un plus
- Familiaritatea cu dezvoltarea aplicațiilor mobile este un plus
- Înțelegere de bază a ciclului de viață al dezvoltării web/mobile
- Laptop cu mediu de dezvoltare configurat (editor de cod, instrumente de dezvoltator din browser)
Audiență
- Dezvoltatori Frontend/Backend/Mobile
- Designeri UI/UX cu cunoștințe de codificare
- Ingineri QA care se concentrează pe testarea accesibilității
- Proprietarii produselor și managerii de proiect implicați în conformitatea cu accesibilitatea
Mărturii (5)
“Mi-a plăcut foarte mult abordarea în timp real pe care instrucționarul o folosit pentru a arăta cum echipa noastră poate aplica Design-ul Centrat pe Om (HCD) proiectului nostru. A fost de asemenea excelente faptul că instrucționarul s-a luat timpul să înțeleagă proiectul nostru la un nivel general, ceea ce a ajutat la oferirea unor indicații clare și practice despre cum putem aborda mai bine UX-ul și UI-ul.”
Nichole Bryant Joven - Grundfos
Curs - Human-Centered Design (HCD)
Tradus de catre o masina
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