2.4.7 Focus zichtbaar

(Niveau: AA)

Alle interactieve onderdelen op een website krijgen zichtbare focus wanneer deze via toetsenbordnavigatie geselecteerd worden. Als deze focusrand niet zichtbaar is, weten gebruikers van toetsenbordnavigatie niet op welk deel van de pagina zij zich bevinden.

Dit criterium geldt voor alle knoppen, hyperlinks, formuliervelden, checkboxes etc.

Twee blokjes met informatie over een volledige WCAG 2.2 audit en een app-audit. De volledige audit heeft focus
In de afbeelding is het duidelijk te zien dat de linker kop focus krijgt. Gebruikers van toetsenbordnavigatie weten op welke pagina ze komen als ze de link activeren.

2.4.7 Fouten

De volgende 2.4.7 fouten worden regelmatig gemaakt op websites:

  • Wanneer de focusrand dezelfde kleur heeft als de achtergrond, is de focus niet zichtbaar.
  • Als de focus via CSS (outline: none;) is verwijderd, krijgt geen van de onderdelen zichtbare focus.

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Hulp bij digitale toegankelijkheid

Wij zijn een full-service partner voor digitale toegankelijkheid: bewustwording, advies en borging. Samen maken we digitale dienstverlening toegankelijk en inclusief.