Markering van verborgen elementen uitschakelen

Verborgen elementen begrijpen

Toegankelijkheidsscanners markeren standaard mogelijk elk element op een pagina, ook elementen die momenteel niet zichtbaar zijn voor de gebruiker. Dit kan leiden tot “valse positieven”—fouten die de gebruikerservaring niet daadwerkelijk beïnvloeden omdat het element zowel voor ziende gebruikers als voor schermlezers verborgen is.

Wanneer deze schakelaar is ingeschakeld, slaat de scanner automatisch elementen over die bewust voor de toegankelijkheidsboom zijn verborgen.

Wat telt als een “verborgen element”?

De scanner zoekt naar specifieke technische kenmerken om te bepalen of een element moet worden genegeerd. Deze zijn onder andere:

• display: none;: Verwijdert het element uit de lay-out en de toegankelijkheidsboom.
• visibility: hidden;: Onzichtbaar voor gebruikers en schermlezers, maar behoudt de ruimte in de lay-out.
• aria-hidden="true": Verbergt het element alleen voor ondersteunende technologie; het blijft visueel zichtbaar.
• hidden-attribuut: Native HTML-attribuut dat elementen visueel en voor schermlezers verbergt.
• <input type="hidden">: Slaat gegevens op zonder gebruikersinteractie of visuele aanwezigheid.
• Inert-attribuut: Schakelt interactie uit en verbergt secties voor schermlezers en toetsenborden.

Waarom deze functie gebruiken?

Overzichtelijke rapporten: Richt u alleen op de problemen die uw actieve gebruikers raken. 

Minder ruis: Voorkom dat uw rapport vol komt te staan met honderden fouten op het gebied van “Contrast” of “Alt-tekst” voor elementen die niet op het scherm zichtbaar zijn (zoals verborgen mobiele menu's of trackingpixels).

Markering van verborgen elementen uitschakelen met HTML-tags

Verborgen elementen uitschakelen met de schakelaar Verborgen elementen negeren

Volg deze stappen als u wilt dat scans verborgen elementen negeren zonder HTML-tags toe te voegen.