Eerste toegankelijkheidscheck voor je website: vijf veilige controles (2026)

Een eerste toegankelijkheidscheck laat zien waar een belangrijk gebruikerspad mogelijk onduidelijk of lastig te bedienen is. Controleer één pagina en één formulierroute handmatig; deze stappen zijn geen WCAG-audit, wettelijke toets of conformiteitsgarantie.

Stappenplan

1. Kies een belangrijke route

Begin met een landingspagina, navigatie en contactroute. Leg de uitkomst naast de website-audit, zodat duidelijk blijft welke pagina je testte.

Kies een route met een echte taak, bijvoorbeeld informatie vinden en contact opnemen. Noteer de URL, het apparaat en de browser waarmee je controleert. Een eerste check wordt bruikbaar wanneer iemand anders dezelfde route kan nalopen en begrijpt wat jij zag. Probeer niet in één ronde alle pagina's te beoordelen; begin bij de onderdelen die een bezoeker nodig heeft om verder te komen.

2. Gebruik alleen het toetsenbord

Ga met Tab door links, menu en formulier. Kijk of de focus zichtbaar is en bediening logisch blijft. De W3C beschrijft toetsenbordtoegankelijkheid als een basisprincipe voor veel gebruikers.

Start bovenaan de pagina en gebruik alleen Tab, Shift+Tab, Enter en waar passend de pijltjestoetsen. Schrijf op als de focus verdwijnt, achter een cookievenster terechtkomt of een menu niet meer te sluiten is. Kijk ook of de volgorde aansluit op wat je ziet. Een knop die je met de muis vindt maar niet met het toetsenbord bereikt, blokkeert een deel van de gebruikersroute.

3. Lees structuur en links

Controleer of koppen de inhoud ordenen en links uit zichzelf uitleggen waar ze heen gaan. Neem ook het contactformulier mee, vooral foutmeldingen en labels.

Lees de koppen alsof zij een inhoudsopgave vormen. Een pagina met een hoofdtitel en logische tussenkoppen helpt om de bedoeling snel te scannen. Vervang vage linkteksten als “lees meer” wanneer de omliggende tekst het doel niet duidelijk maakt. Controleer in het formulier of elk veld een zichtbaar label heeft, of vereiste invoer wordt aangegeven en of je na een fout nog weet welk veld aandacht vraagt.

4. Beoordeel afbeeldingen en formulieren

Vraag bij elke informatieve afbeelding wat een bezoeker zonder beeld moet weten. MDN geeft een praktische uitleg over tekstalternatieven en hun context.

Een logo, schema, productfoto of knop kan inhoudelijke betekenis dragen. Bepaal dan welke informatie de bezoeker nodig heeft om de taak te begrijpen, in plaats van de afbeelding letterlijk te beschrijven. Een decoratieve vorm hoeft geen herhaalde tekst te krijgen. Kijk bij tekst in een afbeelding bovendien of dezelfde informatie als gewone pagina-inhoud beschikbaar is. Dit is een praktische eerste beoordeling, geen volledige analyse van alle hulptechnologie.

5. Maak één verbeterlijst, geen claim

Noteer pagina, observatie, voorgestelde verbetering en hertest. Neem offertes vergelijken zonder prijzen door als je deze controles in een opdracht wilt afbakenen.

Formuleer bevindingen concreet. “Focus niet zichtbaar op verzendknop in Chrome” is testbaar; “pagina is niet toegankelijk” is te breed voor deze beperkte controle. Koppel elke bevinding aan een voorgestelde verbetering en een hertest op dezelfde route. Als een aanpassing aan navigatie of formulier veel onderdelen raakt, leg dan ook een eigenaar en terugvalmogelijkheid vast voordat je hem publiceert.

Besliskader: wat heeft voorrang?

Geef blokkades voor bediening voorrang. Een niet te bereiken menu, een onmogelijke foutcorrectie of een knop zonder begrijpelijke naam kan een taak volledig stoppen. Daarna komen problemen die begrip of oriëntatie ernstig verminderen, zoals een rommelige koppenstructuur op een lange pagina. Kleine tekstverbeteringen kunnen volgen nadat het kernpad werkt. Gebruik de ernst voor het gekozen gebruikerspad, niet alleen het aantal signalen van een automatische checker.

Een eerste check is groen wanneer de afgesproken route met toetsenbord te doorlopen is, labels en foutmeldingen begrijpelijk zijn en je observaties hebt vastgelegd. Oranje betekent dat de route werkt maar een concrete verbetering nodig heeft met hertest. Rood betekent dat iemand de kernactie niet kan uitvoeren of vastloopt. Publiceer bij rood geen wijziging die het probleem vergroot; onderzoek de component en vraag bij complexe interactie om passende expertise.

Herstel en vervolgcontrole

Wijzig één patroon tegelijk en test daarna zowel het herstelde onderdeel als de route eromheen. Bij een menuwijziging controleer je bijvoorbeeld openen, sluiten, navigeren en terugkeren naar de pagina. Bij een formulierwijziging test je label, foutpad, bevestiging en ontvangst met veilige testgegevens. Gebruik de livegangchecklist wanneer je de verbetering publiceert.

Bewaar geen screenshots met ingevulde persoonsgegevens. Noteer liever het scenario, de zichtbare uitkomst en de datum. Breid de controle later uit naar andere templates en apparaten wanneer de belangrijkste route stabiel is. Voor een formele beoordeling, wettelijke verplichting of complexe publieke dienst is deze handleiding niet voldoende; leg de gewenste reikwijdte dan vooraf vast.

Praktijkcheck voor een gebruikersroute

Open de gekozen pagina met een gewoon browservenster en leg de muis even weg. Navigeer met Tab vanaf het begin, open het menu, volg een betekenisvolle link en vul het formulier met veilige voorbeeldinhoud. Kijk na elke stap of je begrijpt waar de focus is, wat de volgende actie betekent en hoe je terugkomt. Gebruik daarna de muis om te vergelijken of er een verschil in bediening optreedt. Deze routecontrole maakt duidelijker waar een bezoeker vastloopt dan een lange lijst losse technische termen.

Laat een tweede persoon de notities lezen als dat kan. Begrijpt die wat er is getest en hoe je de uitkomst zou herhalen, dan is de bevinding concreet genoeg voor een verbetering. Ziet die vooral brede oordelen, maak de observatie kleiner en koppel hem aan een specifiek element of pad.

Veelgemaakte fouten

• Alleen een automatische tool draaien. Niet alle gebruiksproblemen zijn automatisch zichtbaar.
• Focus alleen op kleur leggen. Bediening en structuur zijn ook belangrijk.
• Linkteksten zonder context gebruiken. Beschrijf het doel van de link.
• Alt-tekst voor decoratie invullen. Bepaal eerst of beeld betekenis draagt.
• Een eerste check als conformiteitsverklaring gebruiken. De reikwijdte is daarvoor te beperkt.

Officiële bronnen

W3C toegankelijkheidsprincipes · MDN over toegankelijke HTML

Wil je een eerste controle vertalen naar een afgebakend verbeterplan, stel je vraag via WhatsApp.