• Home
  • /
  • Toegankelijkheid van je website testen: praktische checklist

Toegankelijkheid van je website testen: praktische checklist

Toegankelijkheid website testen vraagt om een combinatie van automatische en handmatige controles. Een zelfscan geeft snel inzicht, maar vraagt ook kennis, tijd en controle door mensen. Begin met representatieve pagina’s, voer een scan uit en test daarna zelf toetsenbordbediening, zoom, koppen, formulieren, media en foutmeldingen. Een tool kan nuttige problemen aanwijzen, maar niet zelfstandig bepalen of de hele website toegankelijk is.

Illustratie van een website die wordt getest op toetsenbordbediening, contrast en formulieren

Checklist: kies welke pagina’s en processen je test

Alleen de homepage controleren geeft een onvolledig beeld. Stel een kleine maar representatieve steekproef samen met verschillende templates, contenttypen en belangrijke gebruikersroutes.

  • homepage en hoofdnavigatie;
  • een uitgebreide diensten- of pagina met veel informatie;
  • een contact-, offerte- of registratieformulier;
  • een pagina met afbeeldingen, video, tabellen of downloads;
  • een zoek-, filter- of ander interactief onderdeel;
  • een foutmelding of bedankpagina;
  • de mobiele weergave van een belangrijke route.

Noteer bij iedere pagina het doel en de kritieke handeling. Daarmee beoordeel je niet alleen losse techniek, maar ook of een bezoeker de taak kan afronden. Dit sluit aan op het breder verbeteren van een gebruiksvriendelijke website, terwijl deze checklist specifiek over toegankelijkheid gaat.

Toegankelijkheid website testen: stap voor stap

Test navigatie en toetsenbordnavigatie

Leg de muis weg en gebruik Tab en Shift+Tab om vooruit en achteruit te bewegen. Controleer of de focus zichtbaar blijft, de volgorde logisch is en je menu’s, knoppen, formulieren, modals en andere interactieve onderdelen kunt bedienen. Let op plekken waar de focus verdwijnt of vastloopt.

Zoom en herschaal de pagina

Vergroot de pagina en controleer of tekst leesbaar blijft, onderdelen niet over elkaar vallen en horizontaal scrollen geen onnodige hindernis wordt. Bekijk ook een smalle mobiele weergave. Een onderdeel dat visueel aanwezig is maar buiten beeld of onbedienbaar raakt, blokkeert de gebruikersroute.

Controleer koppen, links en taal

Koppen moeten de inhoud logisch structureren. Linkteksten moeten buiten hun directe context begrijpelijk zijn. Vermijd reeksen met alleen “lees meer”. Controleer of de paginataal correct is ingesteld en of taalwisselingen herkenbaar zijn voor ondersteunende technologie.

Bekijk afbeeldingen, audio en video

Informatieve afbeeldingen hebben een passende tekstuele beschrijving nodig. Decoratieve beelden horen geen ruis toe te voegen. Controleer bij video en audio of de informatie ook voor gebruikers beschikbaar is die niet kunnen horen of zien. De gids over content voor een nieuwe website aanleveren helpt om deze eisen al in de contentworkflow op te nemen.

Test formulieren en foutmeldingen

Vul een formulier expres onvolledig of verkeerd in. Controleer of elk veld een begrijpelijke naam heeft, instructies niet alleen via kleur worden gegeven en de foutmelding uitlegt wat er moet gebeuren. Kijk of de focus na verzenden naar een logische plek gaat en of een bevestiging duidelijk wordt aangekondigd.

Controleer contrast en kleurgebruik

Tekst en interactieve onderdelen moeten duidelijk te onderscheiden zijn. Gebruik een contrastcontrole voor meetbare kleurcombinaties, maar beoordeel ook focus, hoverstatussen, grafieken en foutmeldingen. Informatie mag niet uitsluitend van kleur afhankelijk zijn.

Welke tool gebruik je voor een WCAG-zelfscan?

Automatische hulpmiddelen kunnen onder andere ontbrekende namen, bepaalde contrastproblemen, ongeldige structuur en enkele technische fouten signaleren. Welke wetgeving en welk niveau, zoals WCAG niveau AA, voor jouw site gelden, hangt af van je organisatie en dienst. Laat dat zo nodig beoordelen. Een toegankelijkheidsverklaring is iets anders dan een losse scan. Ze zijn snel en herhaalbaar, maar begrijpen niet altijd de context. Een aanwezige alt-tekst kan technisch slagen en inhoudelijk toch waardeloos zijn.

W3C adviseert daarom hulpmiddelen te combineren met beoordeling door mensen. Gebruik een scan als ingang voor onderzoek, niet als garantie of eindcertificaat. Leg vast welke tool, versie, URL en datum zijn gebruikt, zodat resultaten later vergelijkbaar blijven.

Controle Automatisch nuttig? Menselijke beoordeling nodig?
Ontbrekende toegankelijke naam Vaak Ja, klopt de naam met de functie?
Kleurcontrast Vaak Ja, ook voor staten en beelden
Kopstructuur Deels Ja, is de hiërarchie inhoudelijk logisch?
Toetsenbordroute Beperkt Ja, volledige bediening en focusvolgorde
Begrijpelijke foutmelding Beperkt Ja, tekst en herstelactie beoordelen
Alt-tekst Alleen aanwezigheid Ja, doel en context bepalen

Prioriteer problemen op impact

Niet ieder gevonden probleem is even urgent. Geef eerst aandacht aan blokkades in belangrijke routes. Gebruik per bevinding vier vragen:

  1. Welke gebruiker of ondersteunende technologie ondervindt het probleem?
  2. Welke taak wordt moeilijk of onmogelijk?
  3. Op hoeveel pagina’s of componenten komt het voor?
  4. Kan een gedeelde component het probleem op meerdere plekken oplossen?

Een onbedienbare verzendknop in een belangrijk formulier verdient doorgaans eerder aandacht dan een kleine inconsistentie op een zelden bezochte pagina. Een fout in een gedeeld menu of formuliercomponent kan juist een hoge prioriteit hebben omdat veel pagina’s worden geraakt.

Maak een toegankelijkheidsrapport voor content en techniek

Een bruikbare bevinding bevat meer dan een screenshot. Gebruik dit vaste format:

Onderdeel Wat leg je vast?
Locatie URL, paginatype en exact element
Stappen Hoe iemand het probleem reproduceert
Gevolg Welke taak of gebruiker wordt geraakt
Verwachting Wat het onderdeel begrijpelijk en bedienbaar moet doen
Eigenaar Content, design, development of beheer
Hertest Wie controleert de oplossing en op welke omgeving

Laat na reparatie niet alleen de gemelde regel controleren. Doorloop opnieuw de hele gebruikersroute en kijk of er geen neveneffecten zijn ontstaan. Voeg toegankelijkheidstests toe aan de website-oplevering checklist.

Wanneer heb je een deskundige toegankelijkheidsaudit nodig?

Een zelftest is geschikt om duidelijke problemen te vinden en eisen bij een project te bespreken. Kies voor een deskundige audit wanneer je formele conformiteit wilt beoordelen, complexe interactieve functies gebruikt, verplichtingen moet onderbouwen of onvoldoende ervaring hebt met ondersteunende technologie. Maak geen conformiteitsclaim op basis van alleen een automatische score.

Vraag bij een audit naar de onderzochte scope, methodiek, steekproef, gebruikte technologieën, reproduceerbare bevindingen en hertest. Beoordeel aanbieders niet alleen op een badge of totaalscore. De checklist voor een webdesigner kiezen helpt om aanpak, expertise en overdracht te vergelijken.

Toegankelijkheid laten testen en verbeteren

Beschrijf in je aanvraag welke website, gebruikersroutes, formulieren en technieken moeten worden getest. Vraag om een duidelijke scheiding tussen automatische bevindingen, handmatige beoordeling, verbeterwerk en hertest. Via WebsiteOffertes kun je vrijblijvend offertes aanvragen en verschillende aanpakken naast elkaar leggen.

Gratis offertes aanvragen

Wil je de toegankelijkheid van je website zorgvuldig laten testen en verbeteren? Omschrijf de belangrijkste pagina’s en gebruikersroutes en vraag vrijblijvend offertes aan.

Opdrachten mogelijk gemaakt door WebsiteOffertes

Wat zijn de voordelen van het inhuren van een webdesigner?
Afgerond

Wat zijn de voordelen van het inhuren van een webdesigner?

In deze blog gaan we het voordeel van het inhuren van een webdesigner ten opzichte van het gebruik van een webbuilder, aan je uitleggen. Het bouwen van een website klinkt in eerste instantie misschien als een eenvoudige taak. Helaas is dit een tijdrovende taak die de hulp van een professionele webdesigner vereist. De professionals op […]

Wat zijn de drie trends van 2022 op het gebied van WooCommerce?
Afgerond

Wat zijn de drie trends van 2022 op het gebied van WooCommerce?

WooCommerce voegt webshop-functionaliteit toe aan je WordPress-website en is dé plug-in voor het maken van een webshop. WooCommerce zit niet stil als het gaat om verbeteringen. Het ontwikkelt en past zich aan de behoeften van de klanten en de markt in het algemeen aan. Sommige trends zijn al jaren populair, terwijl andere onverwacht verschijnen. Hier […]

Wil je een website laten maken?

Ontvang 3 gratis website offertes!

Offertes aanvragen

Neem contact met ons op

085 - 06 06 863
Op werkdagen van 09:00 uur tot 17:00 uur.
Stuur bij voorkeur een mail. Antwoord binnen 24 uur (op werkdagen)

Let op: Er zijn oplichters actief die zich voordoen als Websiteoffertes.nl. Wij bellen uitsluitend via onze vaste nummer 085 06 06 863 vanuit Bing en Gio.