Schița de curs

Context Legal & Fundamente ale Accesibilității

Modulul 1: Introducere în Legea Accesibilității și Importanța Sa

  • Prezentare generală a noii Legi a Accesibilității (intrată în vigoare pe 28 iunie)
  • Cerințe legale și termene limită
  • Impactul asupra sectorului public, companiilor private și dezvoltatorilor
  • De ce accesibilitatea contează: perspective sociale, etice și de afaceri
  • Sancțiuni pentru neconformitate
  • Prezentare generală a standardelor de accesibilitate (WCAG 2.1/2.2, ARIA)
  • Categorii de dizabilități

Modulul 2: Principii și Linii Directoare de Accesibilitate

  • Principiile POUR (Perceptibil, Operabil, Înțeles, Robust)
  • Introducere în liniile directoare WCAG
  • Roluri, stări și proprietăți ARIA
  • HTML semantic și rolul său în accesibilitate

Modulul 3: Configurarea unui Mediu de Dezvoltare Accesibil

  • Instrumente: instrumente de dezvoltare pentru browser, cititoare de ecran (NVDA, VoiceOver), extensii de accesibilitate
  • Configurarea linterelor și a instrumentelor automate de testare a accesibilității
  • Prezentare generală a instrumentelor 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).

Modulul 4: Codare Practică – HTML Semantic & Navigare prin Tastatură

  • Scrierea de markup semantic pentru accesibilitate
  • Asigurarea navigării complete prin tastatură
  • Tehnici de gestionare a focusului
  • Gestionarea accesibilă a formularelor și a elementelor interactive

Accesibilitate în Aplicații Mobile Native (Modul opțional suplimentar de 1,5 ore)

  • Linii directoare cheie ale platformelor (Google Material, Apple Human Interface)
  • Realizarea navigării, butoanelor, formularelor accesibile pe mobile
  • Probleme comune de accesibilitate pe mobile și soluții
  • Testare practică cu VoiceOver și TalkBack

Codare Avansată & Tehnologii Asistive

Modulul 5: CSS Accesibil și Design Vizual

  • Bune practici pentru contrastul culorilor și dimensiunea 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 dimensiunea pe ecrane mobile.

Modulul 6: ARIA pentru Conținut Dinamic & Aplicații Internet Rich

  • Când și cum să folosim atribute ARIA
  • Gestionarea regiunilor live pentru cititoare de ecran
  • Crearea de widget-uri și componente personalizate accesibile
  • Rolul ARIA în SPA (Single Page Applications)
  • Pentru mobile, discuție despre rolurile și etichetele de accesibilitate pe platformele native (de ex. contentDescription în Android, accessibilityLabel în iOS).

Modulul 7: Laborator de Codare Practică: Construirea Componentelor Accesibile

  • Crearea de butoane, modale, dropdown-uri, file accesibile
  • Implementarea validării și gestionării erorilor accesibile în formulare
  • Utilizarea ARIA și HTML semantic pentru componente de interfață utilizator din lumea reală

Testare, Conformitate și Accesibilitate Continuă

Modulul 8: Testare și Auditare a Accesibilității

  • Tehnici de testare manuală cu cititoare de ecran și doar tastatură
  • Testare automată cu instrumente precum axe, Lighthouse, pa11y
  • Scrierea cazurilor de testare a accesibilității pentru echipele QA
  • Integrarea testării accesibilității în pipeline-uri CI/CD
  • Cum să rulezi audituri de accesibilitate pe aplicații mobile native (teste manuale, instrumente automate precum Accessibility Scanner, Espresso pentru Android, XCTest pentru iOS)

Modulul 9: Remediere și Accesibilitate Continuă

  • Probleme comune de accesibilitate și cum să le rezolvi
  • Gestionarea accesibilității în coduri sursă moștenite
  • Menținerea accesibilității în timpul actualizărilor de funcționalități și refactorizări
  • Accesibilitatea în aplicații multi-platformă (mobile, desktop, web)

Modulul 10: Exercițiu Practic Final și Încheiere

  • Construirea sau refactorizarea unei mici aplicații/modul pentru a respecta standardele de accesibilitate
  • Revizuire între colegi și discuție de grup
  • Sesiune de întrebări și răspunsuri și feedback
  • Resurse pentru învățare continuă și actualizări de conformitate

Cerințe

  • Cunoștințe de bază până la intermediare de HTML, CSS, JavaScript
  • Cunoștințe de bază până la intermediare de tehnici de aplicații mobile (Android, iOS)
  • Familiaritate cu framework-uri frontend (React, Angular, Vue, etc.) este un plus
  • Familiaritate cu dezvoltarea de aplicații mobile este un plus
  • Înțelegere de bază a ciclului de dezvoltare web/mobil
  • Laptop cu mediul de dezvoltare configurat (editor de cod, instrumente de dezvoltare pentru browser)

Public țintă

  • Dezvoltatori Frontend/Backend/Mobile
  • Designeri UI/UX cu cunoștințe de codare
  • Ingineri QA care se concentrează pe testarea accesibilității
  • Product Owners și Project Manageri implicați în conformitatea accesibilității
 21 Ore

Numărul de participanți


Pret per participant

Mărturii (5)

Cursuri viitoare

Categorii înrudite