Sommige informatie verschijnt pas wanneer je ergens met de muis overheen gaat (hover) of wanneer je een element selecteert met je toetsenbord (focus). Denk aan tooltips, uitklapmenu’s of tekstballonnetjes. Dit kan verwarrend zijn voor gebruikers die geen muis gebruiken, motorische beperkingen hebben of een schermlezer gebruiken.
Daarom zegt WCAG: zorg dat deze extra informatie altijd toegankelijk is en makkelijk te bedienen.
Dit heet 1.4.13 Content on Hover or Focus.
Wat wordt er van websites verwacht?
Als je inhoud toont bij hover of focus, moet die inhoud aan de volgende regels voldoen:
- Oproepbaar – De inhoud moet verschijnen wanneer je focust of hovert en blijven staan totdat de focus verdwijnt of je de muis verplaatst.
- Duidelijk – De inhoud mag niet verdwijnen zodra de gebruiker naar de nieuwe inhoud probeert te bewegen.
- Toegankelijk – De inhoud moet makkelijk te sluiten zijn zonder dat je de muis perfect hoeft te bewegen.
Kort: geef gebruikers genoeg tijd en controle om de extra inhoud te bekijken.
Wat is niet verplicht?
- Kleine visuele veranderingen (zoals een knop die van kleur verandert) vallen hier niet onder.
- Content die essentieel is voor de werking van de interface (bijvoorbeeld een submenu dat alleen bij hover werkt) hoeft niet altijd persistent te zijn, als het logisch is voor die functie.
Veelgemaakte fouten
- Tooltips die verdwijnen zodra je er naartoe beweegt.
- Inhoud die alleen via hover zichtbaar is, zonder toetsenbordondersteuning.
- Fly-out menu’s die te snel sluiten, waardoor gebruikers niet kunnen navigeren.
Wat kun je als webredacteur of manager doen?
- Test met toetsenbordnavigatie: Kun je alle hover-inhoud bereiken zonder muis?
- Controleer interactieve elementen: Blijft de inhoud lang genoeg zichtbaar om te lezen?
- Vraag je webbouwer: Zijn er goede, toegankelijke JavaScript- of CSS-oplossingen gebruikt voor hover-inhoud?
Samenvatting
Inhoud die verschijnt bij hover of focus moet altijd toegankelijk, duidelijk en makkelijk te bedienen zijn. Dit maakt je site niet alleen toegankelijker, maar ook gebruiksvriendelijker voor iedereen.