Content bij hover of focus

Succescriterium 1.4.13 Content bij hover of focus

Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

  • Sluiten: Er is een mechanisme beschikbaar waarmee de aanvullende content kan worden gesloten zonder de aanwijzer hover of de toetsenbordfocus te verplaatsen, tenzij de aanvullende content een invoerfout communiceert of andere content niet verbergt of vervangt;
  • Aanwijsbaar: Wanneer een aanwijzer hover aanvullende content kan activeren, dan kan de aanwijzer over de aanvullende content worden bewogen zonder dat deze verdwijnt;
  • Aanhouden: De aanvullende content blijft zichtbaar totdat de oorzaak voor de hover of focus is verwijderd, de gebruiker de content sluit of de informatie niet langer geldig is.

Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en is niet aangepast door de auteur.

Content bij hover of focus begrijpen (Engelstalig)

Als je content toont wanneer iemand met de muis ergens overheen gaat of met het toetsenbord ergens op focust, moet dit voorspelbaar zijn. Deze tijdelijke content moet makkelijk te sluiten, te bereiken en lang genoeg zichtbaar zijn.

Wanneer content verschijnt bij hover of focus, moet je aan drie voorwaarden voldoen:

  • Te sluiten: De gebruiker moet de content kunnen weghalen zonder de muis of focus te verplaatsen
  • Bereikbaar: Als de content verschijnt bij muishover, moet de gebruiker er met de muis overheen kunnen gaan
  • Blijvend: De content moet zichtbaar blijven tot de gebruiker de hover/focus weghaalt, de content sluit, of de informatie niet meer geldig is

Hoe pas je dit toe?

  • Zorg dat aanvullende content die verschijnt bij hover of focus kan worden benadert, gebruikt en worden gesloten.

Voor wie is dit belangrijk?

  • Mensen die een fysieke of motorische beperking hebben.
  • Mensen die een visuele beperking hebben.
  • Mensen die een cognitieve, taal- of leerbeperking hebben.

Wie is verantwoordelijk?

  • Ontwikkelaar

Bronnen