2.4.13 – Focusweergave (WCAG 2.2) – Niveau AAA
Zorg dat de focus duidelijk zichtbaar is
Let op: dit is een succescriterium van versie 2.2 van de WCAG. Dit criterium is nog niet van kracht in de huidige versie van de WCAG, versie 2.1.
Deze richtlijn is gefocust op mensen die slecht contrasten kunnen zien en mensen die gebruik maken van het toetsenbord om door een website te navigeren.
Wat te doen
Volgens succescriterium 2.4.13 moet de focus van interactieve elementen voldoen aan de volgende voorwaarden:
- De focus indicator is minimaal de grootte van 2 CSS pixel dik ten opzichte van de niet gefocuste component of subcomponent.
- Of de focus indicator heeft een contrastverhouding van minstens 3:1 tussen dezelfde pixels in de gefocuste en ongefocuste toestanden.
Uitzonderingen
Er zijn twee situaties waarin de focusweergave niet hoeft te worden beoordeeld:
- De focusindicator kan niet worden aangepast door de auteur.
- Als de focusindicator en de achtergrond achter de focusindicator niet zijn aangepast door de auteur, dan is het succescriterium niet van toepassing.
