Chiar și cu cele mai bune intenții, multe echipe de dezvoltare web fac greșeli de accesibilitate care exclud utilizatorii cu dizabilități. Analizând peste 200 de site-uri românești în ultimul an, am identificat șapte erori care apar cu o frecvență alarmantă. Vestea bună este că toate sunt ușor de corectat odată ce le cunoașteți.
Greșeli de conținut și structură
1. Lipsa textului alternativ pentru imagini. Aceasta rămâne cea mai frecventă eroare — aproape 70% din site-urile analizate aveau imagini fără atributul alt sau cu valori generice precum „image" sau „foto". Fiecare imagine informativă trebuie să aibă un text alternativ descriptiv care transmite scopul imaginii. Imaginile decorative trebuie marcate cu alt="" pentru a fi ignorate de cititoarele de ecran.
2. Contrast insuficient între text și fundal. Text gri deschis pe fundal alb sau text colorat pe fundaluri complexe face conținutul ilizibil pentru persoanele cu deficiențe de vedere. WCAG 2.1 cere un raport de contrast minim de 4.5:1 pentru text normal și 3:1 pentru text mare. Folosiți instrumente gratuite de verificare a contrastului pentru a testa combinațiile de culori.
3. Lipsa etichetelor în formulare. Câmpurile de formular fără elemente label asociate corect sunt imposibil de identificat pentru utilizatorii de cititoare de ecran. Fiecare input trebuie asociat cu un label prin atributul for/id sau prin înglobare directă. Placeholder-ul nu substituie label-ul.
Greșeli de navigare și interacțiune
4. Navigarea cu tastatura este imposibilă. Multe site-uri funcționează doar cu mouse-ul. Meniurile dropdown care se activează la hover, butoanele care nu sunt focusabile și lipsa indicatorilor vizuali de focus blochează complet utilizatorii care depind de tastatură. Testați întregul site navigând doar cu tasta Tab și Enter — dacă nu puteți ajunge la toate elementele interactive, aveți o problemă majoră.
5. Conținut media cu redare automată. Videoclipurile sau fișierele audio care pornesc automat sunt nu doar enervante, ci pot fi derutante sau stresante pentru utilizatorii cu dizabilități cognitive sau senzoriale. Eliminați autoplay-ul și oferiți întotdeauna controale vizibile pentru redare, pauză și volum. Conținutul video trebuie să aibă subtitrări, iar cel audio trebuie să aibă o transcriere.
Greșeli tehnice avansate
6. Absența link-urilor de tip skip navigation. Utilizatorii de cititoare de ecran sunt forțați să asculte întregul meniu de navigare pe fiecare pagină dacă nu există un link „Sari la conținutul principal" la începutul paginii. Acest link simplu economisește timp prețios și îmbunătățește semnificativ experiența utilizatorilor cu dizabilități.
7. Utilizarea incorectă a atributelor ARIA. ARIA (Accessible Rich Internet Applications) este un instrument puternic, dar folosit greșit face mai mult rău decât bine. Regula de aur: nu adăugați role-uri ARIA dacă există deja un element HTML semantic echivalent. Un buton HTML nativ este întotdeauna preferat unui div cu role="button". Testați cu un cititor de ecran real înainte de a adăuga atribute ARIA complexe.
Accesibilitatea web nu trebuie să fie perfectă din prima zi, dar trebuie să fie o preocupare constantă. Începeți prin corectarea acestor șapte greșeli comune, includeți verificări de accesibilitate în procesul de dezvoltare și testați regulat cu utilizatori reali. Fiecare barieră eliminată este un pas către un internet cu adevărat inclusiv.