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)
Soms verschijnt er extra content als je met de muis over een element beweegt, of als het element de toetsenbordfocus krijgt. Bijvoorbeeld een tooltip of een subnavigaties. Dit heet aanvullende content. Die content moet aan drie voorwaarden voldoen:
- Te sluiten: Je kunt de content sluiten zonder de aanwijzer of de focus te verplaatsen.
- Bereikbaar: Verschijnt de content bij hover, dan kun je de aanwijzer over de content bewegen zonder dat die verdwijnt
- Blijvend: De content blijft zichtbaar zolang de aanwijzer op het element of op de content staat, of zolang de focus erop staat. De content verdwijnt pas als je de aanwijzer of focus weghaalt, als je de content sluit, of als de informatie niet meer klopt.
De eis over sluiten geldt niet als de content:
- een invoerfout meldt
- geen andere content bedekt of vervangt, bijvoorbeeld een tooltip die alleen over witruimte valt
Uitzonderingen zijn:
- aanvullende content waarvan de weergave door de browser wordt bepaald (zoals
title-attributen)
Hoe pas je dit toe?
- Zorg dat aanvullende content die verschijnt bij hover of focus aan deze drie voorwaarden voldoet:
- de gebruiker kan de content sluiten zonder de hover of focus te verplaatsen, bijvoorbeeld met de Escape-toets
- als de content bij hover verschijnt, kan de gebruiker de aanwijzer erover bewegen zonder dat de content verdwijnt
- de content blijft zichtbaar totdat de hover of focus wordt weggehaald, de gebruiker de content sluit, of de informatie niet langer geldig is
Voor wie is dit belangrijk?
- Mensen die alleen het toetsenbord gebruiken.
- 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?
Hoe toets je dit?
Uitzonderingen
Uitzonderingen zijn:
- aanvullende content waarvan de weergave wordt bepaald door de browser en niet wordt aangepast door de auteur, zoals een tooltip via het
title-attribuut - alleen voor de eis over sluiten: aanvullende content die een invoerfout meldt, of die geen andere content bedekt of vervangt
Geldt alleen voor:
- content die extra verschijnt naast het element zelf (verborgen elementen die zichtbaar worden bij focus, zoals een skiplink, vallen er niet onder)
Testprocedure
Test 1: Aanvullende content
- Verken de pagina met muis en toetsenbord
- Bepaal welke aanvullende content verschijnt bij hover:
- Tooltips
- Subnavigaties
- Bepaal welke aanvullende content verschijnt bij focus
- Bepaal welke aanvullende content verschijnt bij hover:
- Herlaad de pagina
- Test elke aanvullende content en controleer:
- Of de content te sluiten is zonder de aanwijzer of focus te verplaatsen (bijvoorbeeld met Escape)
- Of er bij het sluiten niets anders gebeurt
- Test elke aanvullende content die verschijnt bij hover en controleer:
- Of de content blijft staan als de aanwijzer van het element direct naar de content beweegt
- Of de content blijft staan als de aanwijzer over de hele content beweegt, tot aan de randen
- Wacht bij elke aanvullende content zonder de aanwijzer of focus te verplaatsen en controleer:
- Of de content zichtbaar blijft zolang de aanwijzer of focus op het element of op de content staat
- Of de content alleen vanzelf verdwijnt als de informatie niet meer geldig is
Beoordeling
- Aanvullende content die bij hover of focus verschijnt, moet te sluiten zijn zonder de aanwijzer of focus te verplaatsen
- Aanvullende content die bij hover verschijnt, moet zichtbaar blijven als de aanwijzer van het element naar de content beweegt en over de hele content beweegt
- Aanvullende content die bij hover of focus verschijnt, moet zichtbaar blijven totdat minstens één van de volgende zaken gebeurt:
- De gebruiker sluit de content
- De aanwijzer of focus verlaat het element en de content
- De informatie is niet langer geldig