Structuurcheck

Zo werkt het

1. Open de pagina die je wilt checken in je browser. Klik met rechts op de pagina en kies ‘Paginabron bekijken’. In Edge, Chrome en Firefox kan het ook met Ctrl+U. Op een Mac is dat Cmd+Option+U.
2. Kopieer alles (Ctrl+A en dan Ctrl+C) en plak het in het vak.
3. Druk op ‘Check de HTML’.
4. Lees de uitkomst. Per onderdeel zie je wat er mist, waar het staat, waarom het ertoe doet en hoe je het oplost. De koppen zie je als een lijst die inspringt, zoals een inhoudsopgave.
5. Pas je pagina aan en check opnieuw. Wil je de uitkomst bewaren of doorsturen? Kies Druk af boven het hulpmiddel.

Geen pagina bij de hand? Kies ‘Probeer een voorbeeld’. Dan zie je wat de check doet met een verzonnen pagina.

Wat de check bekijkt

• Taal, titel en hoofdinhoud. Staat de taal op de pagina, heeft de pagina een titel en is er een main-element? Dat checkt hij alleen als je een hele pagina plakt.
• Koppen. Je ziet de koppen als lijst. De check meldt een overgeslagen niveau, een pagina zonder h1 of met meer dan één h1, en koppen zonder tekst.
• Afbeeldingen zonder alt-tekst, of met een alt-tekst die weinig zegt, zoals een bestandsnaam.
• Links zonder tekst, of met een vage tekst als ‘klik hier’ of ‘lees meer’.
• Knoppen zonder naam, zoals een knop met alleen een icoon.
• Invulvelden zonder label, of met alleen een voorbeeldtekst in het veld.

Bij elk punt staat het nummer uit WCAG. Dat is de internationale richtlijn voor toegankelijke websites. Meer weten? Lees wat is WCAG.

Hoe erg is een punt?

Elk punt heeft een etiket in woorden:

• Voldoet niet aan WCAG: dit moet anders.
• Kijk zelf: het hangt af van de plek. ‘Lees meer’ kan goed zijn als de zin eromheen zegt waar de link heen gaat. Dat kan de check niet beoordelen.
• Goede gewoonte: geen harde eis van WCAG, wel wat W3C aanraadt. Bijvoorbeeld geen kopniveau overslaan.

Een snelle check, geen volledige toets

De check leest alleen de HTML. Hij ziet niet hoe de pagina eruitziet, wat CSS en JavaScript doen, of je hem met het toetsenbord kunt bedienen en of de kleuren genoeg contrast hebben. Hij ziet wel óf er een alt-tekst is, maar niet of die klopt bij de afbeelding.

Vindt de check niets? Dan is je pagina nog niet per se toegankelijk. Voor een volledige toets loop je alle eisen van WCAG na (de succescriteria), of laat je dat doen door een deskundige.

Verder testen:

• Toetsenbordtest: werkt je website met alleen het toetsenbord?
• Kleurenbril: is je tekst goed te lezen op de achtergrond?
• Alt-tekst hulp: wat schrijf je in de alt-tekst van een afbeelding?
• Je website toegankelijk maken: waar begin je?
• Checklist toegankelijke website: alles op een rij.

Zelf nakijken

Werkt de check niet, of wil je het liever met de hand doen? Zo kan het ook:

1. Open de paginabron (klik met rechts, ‘Paginabron bekijken’). Zoek met Ctrl+F naar de stukjes hieronder.
2. Zoek <html: staat er lang="nl" bij? Zoek <title: zegt de titel waar de pagina over gaat? Zoek <main: is er een?
3. Zoek <h1, <h2 en zo verder. Schrijf de koppen onder elkaar op papier, met het niveau ervoor. Is er één h1? Gaat het niveau steeds maar één stap omlaag?
4. Zoek <img: heeft elke afbeelding een alt?
5. Zoek <a , <button en <input. Zegt de tekst van elke link waar hij heen gaat? Zegt elke knop wat hij doet? Heeft elk invulveld een label?

Je HTML

De HTML blijft op je eigen apparaat. De check gebeurt in je browser en leest de HTML als tekst. Scripts in de HTML draaien niet, en afbeeldingen en andere bestanden worden niet geladen. We versturen niets en we bewaren niets. Sluit je de pagina, dan is de HTML weg.

Let op: een browser-extensie die meeleest, zoals een schrijfhulp, kan wat je plakt wel zien. Die staat buiten deze pagina. Check je een pagina waarop je bent ingelogd? Dan kunnen er gegevens van jou of van cliënten in de HTML staan. Check dan liever de openbare versie.

Bronnen

De uitleg bij elk punt volgt WCAG 2.2 en de uitleg van W3C. Gelezen op 30 september 2026.

• WCAG 2.2, Nederlandse vertaling (externe website)
• Headings (W3C WAI, Page Structure Tutorial) (externe website)
• Decorative Images (W3C WAI, Images Tutorial) (externe website)
• Understanding Success Criterion 2.4.4: Link Purpose (In Context) (externe website)
• Labeling Controls (W3C WAI, Forms Tutorial) (externe website)
• Form Instructions (W3C WAI, Forms Tutorial) (externe website)