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

• Engelse tekst van het WCAG-succescriterium: 1.4.13 Content on Hover or Focus.
• Nederlandse vertaling van het WCAG-succescriterium: 1.4.13 Content bij hover of focus.
• Engelstalige informatie op How to Meet WCAG: Quick Reference 1.4.13 Content on Hover or Focus.
• Engelstalige toelichting: Understanding SC 1.4.13 Content on Hover or Focus.

Belangrijk: De richtlijnen van NL Design System zijn geen wettelijke verplichting

De richtlijnen van NL Design System zijn niet wettelijk verplicht en zijn geen vervanging voor de wettelijk geldende WCAG 2.1 specificatie.

Ons doel is om praktische uitleg en voorbeelden te geven die helpen bij het toegankelijk inzetten van de NL Design System componenten, patronen en richtlijnen. We doen dat op basis van een interpretatie van de nieuwe WCAG 2.2 specificatie.

Weten waar je volgens de wet aan moet voldoen? Ga dan naar 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.