Categorii: Nivel AA
Ce înseamnă acest criteriu?
Orice element interactiv (buton, link, câmp de formular etc.) trebuie să aibă un indicator clar atunci când este focalizat. De exemplu, atunci când un utilizator navighează cu tastatura, trebuie să se vadă ce element este activ în acel moment.
De ce este important?
Unii utilizatori navighează exclusiv cu tastatura sau folosesc tehnologii asistive. Fără un indicator de focalizare vizibil, aceștia nu știu unde se află pe pagină, ceea ce face interacțiunea cu site-ul frustrantă sau chiar imposibilă. Un focus vizibil înseamnă mai multă claritate și accesibilitate pentru toți.
Exemple de aplicare corectă:
- Când apeși tasta Tab, linkurile și butoanele sunt evidențiate printr-un chenar, o schimbare de culoare sau o umbră.
- Câmpurile de formular își schimbă marginea când sunt active.
- Indicatorul de focalizare este suficient de contrastant pentru a fi vizibil pe orice fundal.
Ce greșeli apar frecvent?
- Eliminarea completă a stilului de focus (outline: none) fără înlocuire cu un alt indicator vizibil.
- Indicatorul este prea subtil (de exemplu, o schimbare de culoare abia perceptibilă).
- Focusul se pierde sau sare în mod neașteptat dintr-un element în altul.
Un focus vizibil este o componentă-cheie a unui site accesibil. Nu este un moft de design, ci o necesitate pentru navigarea eficientă și pentru o experiență coerentă a utilizatorului.
Please follow and like us:
