Schița de curs
Context legal & fundamentele accesibilității
Modul 1: Introducere în Legea privind accesibilitatea și importanța acesteia
- Prezentare generală a noii Legi privind accesibilitatea (valabilă din 28 iunie)
- Cerințe legale și termene limită
- Impact asupra sectorului public, companiilor private și a dezvoltatorilor
- De ce accesibilitatea contează: perspective sociale, etice și de business
- Sancțiuni pentru neconformitate
- Prezentare generală a standardelor de accesibilitate (WCAG 2.1/2.2, ARIA)
- Categorii de dizabilități
Modul 2: Principii & linii directoare de accesibilitate
- Principiile POUR (Perceptibile, Operaționale, Înteles, Robuste)
- Introducere în liniile directoare WCAG
- Roluri, stări și proprietăți ARIA
- HTML semantic și rolul său în accesibilitate
Modul 3: Configurarea unui mediu de dezvoltare accesibil
- Unelte: dev tools în browser, screen readers (NVDA, VoiceOver), extensii de accesibilitate
- Configurarea linter-elor și a uneltelor de testare automată a accesibilității
- Prezentare generală a uneltelor comune de testare a accesibilității
- Configurarea testării accesibilității pe simulatoare mobile și dispozitive reale (folosind VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Modul 4: Coding practic – HTML semantic & navigare cu tastatura
- Scrierea de markup semantic pentru accesibilitate
- Asigurarea navigabilității complete cu tastatura
- Tehnici de gestionare a focus-ului
- Manipularea accesibilă a formularelor și elementelor interactive
Accesibilitate în aplicații mobile native (Modul opțional suplimentar de 1,5 ore)
- Linii directoare cheie ale platformei (Google Material, Apple Human Interface)
- Facerea accesibilă a navigării, butoanelor și formularelor pe mobil
- Probleme comune de accesibilitate mobilă și soluții
- Testare hands-on cu VoiceOver și TalkBack
Coding avansat & tehnologii de asistență
Modul 5: CSS accesibil și design vizual
- Bune practici pentru contrastul culorilor și mărimea textului
- Stiluri de focus și indicatori vizibili de focus
- Considerații de design responsive pentru accesibilitate
- Evitarea capcanelor de accesibilitate în animații și tranziții
- Linii directoare pentru contrastul culorilor și dimensiuni pe ecrane mobile.
Modul 6: ARIA pentru conținut dinamic & Aplicații Internet bogate
- Când și cum să folosești atributele ARIA
- Gestionarea regiunilor live pentru screen readers
- Crearea de widget-uri și componente personalizate accesibile
- Rolul ARIA în SPA (Single Page Applications)
- Pentru mobil, discuție despre rolurile și etichetele de accesibilitate în platformele native (de ex. contentDescription în Android, accessibilityLabel în iOS).
Modul 7: Laborator de coding hands-on: Construirea de componente accesibile
- Crearea de butoane, modale, dropdown-uri și tab-uri accesibile
- Implementarea validării formului și a gestionării erorilor accesibile
- Folosirea ARIA și a HTML-ului semantic pentru componente UI din viața reală
Testare, conformitate și accesibilitate continuă
Modul 8: Testare & auditare accesibilitate
- Tehnici de testare manuală cu screen readers și doar cu tastatura
- Testare automată cu unelte precum axe, Lighthouse, pa11y
- Scrierea cazurilor de testare a accesibilității pentru echipele QA
- Integrarea testării accesibilității în pipeline-urile CI/CD
- Cum să rui audituri de accesibilitate pe aplicații mobile native (teste manuale, unelte automate precum Accessibility Scanner, Espresso pentru Android, XCTest pentru iOS)
Modul 9: Remediere & Accesibilitate continuă
- Probleme comune de accesibilitate și cum să le rezolvi
- Gestionarea accesibilității în codebases-urile legacy
- Menținerea accesibilității în timpul actualizărilor de funcționalități și refactoring-ului
- Accesibilitate în aplicații multi-platformă (mobil, desktop, web)
Modul 10: Exercițiul practic final și încheiere
- Construiește sau refactor o aplicație/modul mic pentru a respecta standardele de accesibilitate
- Review între colegi și discuție de grup
- Întrebări & răspunsuri și sesiune de feedback
- Resurse pentru învățare continuă și actualizări de conformitate
Cerințe
- Cunoștințe de bază până la intermediare în HTML, CSS, JavaScript
- Cunoștințe de bază până la intermediare în tehnici pentru aplicații mobile (Android, iOS)
- Familiarizare cu framework-uri de frontend (React, Angular, Vue etc.) este un plus
- Familiarizare cu dezvoltarea de aplicații mobile este un plus
- Înțelegere de bază a ciclului de viață al dezvoltării web/mobile
- Un laptop cu mediu de dezvoltare setat (editor de cod, dev tools în browser)
Public țintă
- Dezvoltatori Frontend/Backend/Mobile
- Designeri UI/UX cu cunoștințe de coding
- Ingineri QA care se concentrează pe testarea accesibilității
- Product Owners și Project Managers implicați în conformitatea accesibilității
Mărturii (3)
Ținând cont de ce trebuie să iei în considerare atunci când proiectez fluxuri de proces, pentru a mă asigura că UX-ul va beneficia sau va deveni ușor de implementat.
Lineo Nchaba - Revenue Services Lesotho
Curs - User Experience (UX) Design
Tradus de catre o masina
Experimentarea cu instrumente
Nuwan Gunaratne - AZQORE
Curs - User Experience Design with Figma
Tradus de catre o masina
Trainerul nostru, Yashank, a fost incredibil de competent. A modificat curriculumul pentru a se potrivi cu ceea ce trebuia să învățăm cu adevărat, iar noi am avut o experiență de învățare minunată alături de el. Înțelegerea sa asupra domeniului pe care îl preda a fost impresionantă; a împărtășit perspective din experiența reală și ne-a ajutat să rezolvăm probleme reale cu care ne confruntam în munca noastră.
Ahmed Nazeem - Maldives Pension Administration Office
Curs - Multimodal AI for Enhanced User Experience
Tradus de catre o masina