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 of alleen maar presentatief is, moet bijvoorbeeld worden verborgen voor ondersteunende technologieën.
Handmatig testen
Om te controleren of inhoud buiten het scherm verborgen is, moet u die inhoud handmatig testen met een schermlezer. - 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 te repareren
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