Gecontroleerd op 24-9-2026 · https://www.zeit.de/index
Geen kritieke drempels in de gecontroleerde HTML · 3 punte om na te kijken.
Hoe komt de score tot stand? (100 startpunten)
| 2 formulierveld(en) zonder herkenbaar label | -7 |
| Overgeslagen kopniveau | -7 |
| 1 dubbele id-attributen | -7 |
| Resultaat | 79 / 100 |
Waarneembaar
2 formulierveld(en) zonder herkenbaar label
Controleer of er een via JavaScript ingesteld aria-label bestaat.
<input type="text" name="name" placeholder="z. B. Theodor Eicke"><input id=":R0:" placeholder="z. B. Leipzig, Hamburg, …">
Dit zou je moeten doen: Elk veld verbinden met een <label for>-element of aria-label / aria-labelledby instellen. Alleen een placeholder is niet genoeg.
Bedienbaar
Overgeslagen kopniveau
Volgorde: 1 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 2 → 2 → 2 → 2 → 3 → 3 → 2 → 2 → 2 → 2 → 3 → 2 → 2 → 2 → 3 → 3 → 3 → 3 → 2 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4. Niveaus mogen niet worden overgeslagen (h2 → h4).
h1–h6
Dit zou je moeten doen: De kopniveaus sluitend toekennen.
Robuust
1 dubbele id-attributen
bijv. svg-zplus. Breekt label-for- en aria-koppelingen.
[id]
Dit zou je moeten doen: Id's uniek toekennen.
Al goed opgelost
- Tekstalternatieven: geen automatisch herkenbare problemen
- Skiplink naar de inhoud aanwezig
- <main>-landmark aanwezig
- Contrast: geen duidelijke schendingen in de CSS gevonden
Volgende stappen
- 2 formulierveld(en) zonder herkenbaar label. Elk veld verbinden met een <label for>-element of aria-label / aria-labelledby instellen. Alleen een placeholder is niet genoeg.
- Overgeslagen kopniveau. De kopniveaus sluitend toekennen.
- 1 dubbele id-attributen. Id's uniek toekennen.
Wekelijkse herscan, JS-gerenderd, e-mail bij nieuwe drempels — komt binnenkort.
Toegankelijkheidsverklaring maken →
Methode & grenzen
Op 24-9-2026 is de HTML gecontroleerd die www.zeit.de bij het eerste bezoek zonder inloggen levert, plus maximaal vier gekoppelde CSS-bestanden van hetzelfde domein. Gecontroleerd: kleurcontrast (uit de CSS), tekstalternatieven, formulierlabels, namen van bedieningselementen, koppenstructuur, paginatitel en -taal, zoomblokkering, dubbele id's, positieve tabindex-waarden, landmarks.
Niet gecontroleerd: alles wat via JavaScript ontstaat, toetsenbordbediening, zichtbare focus, focusvolgorde, schermlezeraankondiging, inhoud achter een login, subpagina's. De automatische test vindt ruwweg 20–35 % van de WCAG-schendingen — de rest vereist een handmatige controle. Momentopname, geen juridisch oordeel.
Overlay-widgets (toegankelijkheidsknoppen die contrast of lettertype wijzigen) maken een site niet conform — de gevonden barrières moeten in de broncode worden opgelost. Waarom overlays niet helpen