Deze pagina biedt een uitgebreid overzicht van de toegankelijkheidsfuncties in Chrome DevTools. Deze pagina is bedoeld voor webontwikkelaars die:
- Zorg dat u een basiskennis heeft van DevTools, bijvoorbeeld hoe u deze kunt openen.
- Zijn bekend met de principes en best practices op het gebied van toegankelijkheid .
Het doel van deze referentie is om u te helpen alle hulpmiddelen te ontdekken die beschikbaar zijn in DevTools waarmee u de toegankelijkheid van een pagina kunt onderzoeken.
Zie Navigeren in Chrome DevTools met ondersteunende technologie als u hulp nodig hebt bij het navigeren in DevTools met een ondersteunende technologie zoals een schermlezer.
Zie Toegankelijkheid leren als u wilt leren hoe u toegankelijke websites ontwikkelt.
Overzicht van toegankelijkheidsfuncties in Chrome DevTools
In dit gedeelte leggen we uit hoe DevTools past in uw algemene toegankelijkheidstoolkit.
Bij het bepalen of een pagina toegankelijk is, moet u twee algemene vragen in gedachten houden:
- Kan ik met een toetsenbord of schermlezer door de pagina navigeren?
- Zijn de elementen op de pagina correct gemarkeerd voor schermlezers?
Over het algemeen kan DevTools je helpen bij het oplossen van fouten met betrekking tot vraag 2, omdat deze fouten eenvoudig geautomatiseerd te detecteren zijn. Vraag 1 is net zo belangrijk, maar helaas kan DevTools je daar niet bij helpen. De enige manier om fouten met betrekking tot vraag 1 te vinden, is door zelf een pagina met een toetsenbord of schermlezer te proberen. Zie 'Een toegankelijkheidsbeoordeling uitvoeren' voor meer informatie.
Controleer de toegankelijkheid van een pagina
Over het algemeen kunt u de toegankelijkheidscontroles onder het paneel Lighthouse gebruiken om te bepalen of:
- Een pagina is correct gemarkeerd voor schermlezers.
- De tekstelementen op een pagina hebben voldoende contrastverhoudingen. Zie ook Maak uw website leesbaarder .
Om een pagina te controleren:
- Ga naar de URL die u wilt controleren.
Klik in DevTools op het Lighthouse- paneel. DevTools toont u verschillende configuratieopties.