Definiție
O listă etichetată este un grup de elemente prezentate într-o ordine clară, fiecare cu o descriere explicită sau cu o etichetă care îi oferă sens în context. În accesibilitatea web, listele etichetate sunt importante pentru că oferă o structură logică și predictibilă conținutului, fiind recunoscute corect de tehnologiile asistive precum cititoarele de ecran.
Acestea pot fi liste ordonate (cu numere sau litere) sau neordonate (cu puncte sau alte simboluri), iar elementele lor trebuie marcate semantic corect în codul HTML (folosind <ul>, <ol>, și <li>), însoțite de o descriere clară sau un titlu.
Exemple concrete
Într-un formular online, câmpurile de completat sunt însoțite de o listă de instrucțiuni sub titlul „Pașii necesari pentru completare”:
- Introdu numele complet
- Selectează țara de reședință
- Bifează căsuța de acceptare a termenilor
Într-o secțiune de ajutor, utilizatorul găsește o listă cu tipurile de fișiere acceptate, sub o etichetă clară: „Formate permise pentru încărcare”:
- JPEG
- DOCX
Într-un tutorial video, transcrierea textului poate fi însoțită de o listă etichetată cu „Etapele prezentate în videoclip”:
- Autentificarea în cont
- Accesarea panoului de utilizator
- Salvarea modificărilor
De ce este important pentru accesibilitate?
- Ajută utilizatorii care navighează cu tastatura sau cititoare de ecran să înțeleagă mai ușor informația structurată
- Permite o orientare mai rapidă în conținut
- Oferă o experiență coerentă și previzibilă
Bune practici
- Include o etichetă sau un titlu descriptiv înaintea listei
- Folosește marcarea semantică potrivită pentru tipul de listă (ordonată sau neordonată)
- Evită folosirea listelor doar din punct de vedere vizual (folosind pauze și simboluri scrise manual)
- Asigură-te că elementele din listă sunt scurte, clare și consecvente
