Definiție
Un tabel accesibil este un tabel structurat corect astfel încât să poată fi citit și înțeles de toți utilizatorii, inclusiv de cei care folosesc tehnologii asistive precum cititoarele de ecran. Tabelele trebuie să transmită clar relația dintre rânduri, coloane și date, fără a crea confuzie sau baricade în navigare.
Acest lucru presupune atât o structurare semantică adecvată (folosirea corectă a etichetelor HTML precum <th> și <caption>), cât și un conținut logic, clar și bine organizat.
Exemple concrete
- Un tabel cu date despre accesibilitatea site-urilor include un titlu descriptiv („Evaluare Accesibilitate – 2024”) și anteturi de coloană marcate corect (
<th scope="col">) pentru a indica ce reprezintă fiecare coloană (ex: „Numele site-ului”, „Scor WCAG”, „Observații”). - Într-un tabel cu orarul evenimentelor, rândurile sunt etichetate cu zilele săptămânii, iar coloanele cu orele. Astfel, un cititor de ecran poate spune utilizatorului exact: „Marți, ora 14:00 – Atelier de testare accesibilitate”.
- Un tabel complex, cu grupări de coloane, folosește atribute precum
headers,scopeșiidpentru a defini legăturile corecte dintre celule, astfel încât să nu se piardă sensul la citire asistată.
De ce este important pentru accesibilitate?
- Fără structură semantică, un cititor de ecran va citi datele într-o ordine liniară, fără să poată indica ce reprezintă ele
- Utilizatorii cu deficiențe cognitive pot înțelege mai ușor un tabel bine organizat decât un text lung cu aceleași informații
- Tabelele accesibile permit navigarea eficientă cu tastatura, fără să blocheze utilizatorii în celule sau să-i oblige să folosească mouse-ul
Bune practici
- Folosește
<caption>pentru a adăuga un titlu tabelului – explică ce conține - Etichetează anteturile cu
<th>și adaugăscope="col"sauscope="row"pentru a defini direcția logică - Evită tabelele folosite pentru layout (afișare vizuală) – tabelele trebuie să fie doar pentru date
- Nu lăsa celule goale care pot induce în eroare tehnologiile asistive
- Asigură-te că tabelul este lizibil și pe dispozitive mobile sau la dimensiuni de ecran reduse
Please follow and like us:
