Ga naar hoofdinhoud

WCAG-succescriterium 1.4.13 Content bij hover of focus

Niveau AA

Uitleg

Maak tijdelijke inhoud voorspelbaar.

Soms wordt inhoud pas zichtbaar bij focus met een toetsenbord of bij een hover met een aanwijzer zoals een muis. Dit gebeurt bijvoorbeeld bij een uitklapmenu of tooltip. De interactie moet dan voorspelbaar zijn.

Hiervoor gelden enkele regels:

  • De bezoeker moet de inhoud kunnen verbergen zonder de aanwijzer of focus te verplaatsen, bijvoorbeeld met de esc-toets.
  • Als de inhoud tevoorschijn komt door de aanwijzer, dan moet de aanwijzer ook over deze inhoud bewogen kunnen worden zonder dat deze verdwijnt.
  • De extra inhoud moet aanwezig blijven totdat:
    • de zichtbaar-makende focus of aanwijzer verwijderd wordt;
    • of de bezoeker de extra inhoud verbergt;
    • of de extra inhoud niet meer geldig is.

Voor sommige mensen is onvoorspelbare tijdelijke inhoud lastig te verwerken of storend. Bijvoorbeeld voor mensen met een cognitieve beperking en mensen die snel afgeleid zijn.

Hoe te testen

  • Hover over of focus op het element dat je wil testen.
  • Wacht 10 seconden om te ervaren of de extra inhoud niet vanzelf sluit.
  • Test of de extra inhoud te sluiten is met de esc-toets.
  • Probeer met de aanwijzer over de extra inhoud te hoveren, en controleer of deze niet verdwijnt.

Tips

  • Door inhoud alleen te laten verschijnen bij activaties, zoals met een toetsenbord of klikken met een aanwijzer, hoeft er geen rekening gehouden te worden met dit succescriterium.
  • Inhoud die afhankelijk is van focus of hover is ook problematisch voor apparaten met een touchscreen.

Gebruikersonderzoek

Heb je gebruikersonderzoek gedaan dat betrekking heeft op dit succescriterium en wil je dit delen? Kijk eens bij Gebruikersonderzoeken delen op gebruikersonderzoeken.nl.

W3C referenties

Wat is verplicht?

De richtlijnen zijn geen wettelijke verplichting of vervanging voor WCAG.

De richtlijnen bevatten praktische uitleg en voorbeelden. Deze helpen bij het maken van toegankelijke websites en webapplicaties. WCAG 2.2 is hiervoor de basis. De richtlijnen richten zich op veelvoorkomende situaties.

Meer informatie of de wettelijke verplichting staat op de pagina "Wat is verplicht?" van DigiToegankelijk.

Help richtlijn verbeteren

Deze pagina's over WCAG worden onderhouden door NL Design System. Heb je aanvullingen of opmerkingen? Deel je mening op GitHub.