Intrati in legatura
 Durata 21 ore

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

Numărul de participanți


Pret per participant

Mărturii (3)

Cursuri viitoare

Categorii înrudite