WCAG-succescriterium 1.4.13 Content bij hover of focus

Niveau AA

Uitleg

Als de inhoud wijzigt wanneer een gebruiker over een element hovert met de muis of het de toetsenbordfocus geeft, zorg er dan voor dat de interactie voorspelbaar is.

Bij sommige componenten wordt aanvullende content zichtbaar en daarna weer verborgen door het gebruik van hover met de aanwijzer (muis) of via focus met het toetsenbord. Bijvoorbeeld bij een uitklapmenu of bij het tonen van extra informatie in een tooltip.

Hiervoor gelden enkele regels:

• De gebruiker moet de aanvullende content kunnen verbergen zonder de muis of toetsenbordfocus te verplaatsen, bijvoorbeeld door op de Escape-toets te drukken.
• De gebruiker moet met de aanwijzer (muis) over de extra inhoud kunnen bewegen, zonder dat de inhoud weer wordt verborgen.
• De extra inhoud moet zichtbaar blijven totdat:
  • de toetsenbordfocus of de aanwijzer (muis) zich buiten de extra inhoud verplaatst;
  • of de gebruiker de extra inhoud heeft verborgen;
  • of de extra inhoud niet langer geldig is.

Opgelet

Deze inhoud wordt binnenkort aangevuld met uitgebreidere uitleg, bronnen en informatie over hoe te testen.

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 niet 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 het NL Design System. Heb je aanvullingen of opmerkingen? Deel je mening op GitHub.