Zorg ervoor dat alleen relevante delen van de pagina worden blootgesteld aan schermlezers en andere ondersteunende technologieën. Inhoud die zich buiten het scherm bevindt, moet bijvoorbeeld verborgen zijn voor ondersteunende technologieën.
Handmatig testen
Om te controleren of inhoud buiten het scherm verborgen is, moet u testen met een schermlezer met schermlezers .
- Voor Mac-gebruikers: bekijk deze video over het gebruik van VoiceOver .
- Voor pc-gebruikers: bekijk deze video over het gebruik van NVDA .
- Voor Chromebooks-gebruikers: bekijk ChromeVox, de ingebouwde schermlezer .
Gebruik de TAB- toets om door uw pagina te bladeren. De schermlezer mag geen verborgen inhoud aankondigen.
Hoe op te lossen
Om inhoud buiten het scherm te verbergen, verwijdert u het element dat die inhoud bevat uit de tabvolgorde door het in te stellen op display: none of visibility: hidden .
Bijvoorbeeld:
.remove-me {
visibility: hidden;
}
<button class="remove-me">Can't reach me with the TAB key!</button>
Zie ook De zichtbaarheid van inhoud buiten het scherm correct instellen .
Bronnen
De broncode voor inhoud buiten het scherm is verborgen voor audit van ondersteunende technologie