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
 21 ore

Numărul de participanți


Pret per participant

Mărturii (5)

Cursuri viitoare

Categorii înrudite