Toegankelijkheid garanderen met ontwikkelhulpprogramma's

Voltooid

Het testen van uw webpagina in verschillende clients en weergaven is net zo belangrijk als het testen ervan in verschillende browsers. Deze test is mogelijk niet praktisch in alle scenario's en kan situaties missen waarin gebruikers een browser gebruiken, maar mogelijk een andere beperking hebben. Gelukkig zijn er hulpprogramma's die u als ontwikkelaar kunt gebruiken om de toegankelijkheid van uw pagina te meten.

Contrastcontrole

Iemand die kleurenblind is, kan mogelijk geen onderscheid maken tussen kleuren of kan moeite hebben met het werken met kleuren die vergelijkbaar zijn met elkaar. Het World Wide Web Consortium (W3C), de standaardenorganisatie voor het web, heeft een classificatiesysteem ingesteld voor kleurcontrast.

Het kiezen van de juiste kleuren om ervoor te zorgen dat uw pagina toegankelijk is voor iedereen kan lastig zijn om met de hand te doen. U kunt de volgende hulpprogramma's gebruiken om zowel de juiste kleuren te genereren als uw site te testen om naleving te garanderen:

• Hulpprogramma's voor het genereren van palet:
  • Adobe Color, een interactief hulpmiddel voor het testen van kleurcombinaties
  • Kleur veilig, een hulpmiddel voor het genereren van tekstkleuren op basis van een geselecteerde achtergrondkleur
• Nalevingscontroles:
  • Browserextensies om een pagina te testen:
    • Edge: WCAG-kleurcontrastcontrole
    • Firefox: WCAG-contrastcontrole
    • Chrome: Kleurcontrastcontrole
  • Toepassingen:
    • Kleurcontrastanalyse (CCA)

Vuurtoren

Lighthouse is een hulpprogramma dat Google heeft gemaakt voor het analyseren van websites. Het is zo populair geworden dat het is opgenomen in de ontwikkelhulpprogramma's van veel browsers. Lighthouse kan de zoekmachineoptimalisatie (SEO), laadprestaties en andere aanbevolen procedures van een pagina onderzoeken. Lighthouse kan ook een pagina analyseren en een score bieden voor de huidige toegankelijkheid.

Notitie

Net als bij elk geautomatiseerd hulpprogramma kunt u niet vertrouwen op de score die Lighthouse biedt als enige indicatie van de toegankelijkheid van een pagina. Maar het biedt wel een goed uitgangspunt voor het identificeren en oplossen van problemen.

Oefening: De Lighthouse-toegankelijkheidsscore van een pagina genereren

Test Lighthouse in uw browser. In de volgende schermafbeeldingen wordt Edge gebruikt, maar u kunt dezelfde stappen volgen in Chrome en vele andere browsers.

1. Open uw browser en ga naar de hoofdwebpagina van Microsoft.

2. Selecteer de F12-sleutel om de ontwikkelhulpprogramma's te openen.

3. Selecteer bovenaan het pictogram dubbele punthaak (>>) om de lijst met verborgen tabbladen te openen.

   

4. Selecteer Lighthouse in de lijst.

5. Wis onder Categorieën alle items behalve Toegankelijkheid.

6. Selecteer Desktop onder Apparaat.

   

7. Selecteer Rapport genereren.

8. Let op de score en de bijbehorende informatie over de pagina.

9. U kunt andere pagina's testen door Alles wissen te selecteren in Lighthouse, naar een andere pagina te gaan en vervolgens Rapport genereren te selecteren.

   

U hebt nu gezien hoe u Lighthouse kunt gebruiken, samen met de toegankelijkheidsinformatie die het hulpprogramma kan bieden.