Gecontroleerd op 31-8-2026 · https://www.heise.de/
4 kritieke drempeln · daarnaast 3 te controleren.
Hoe komt de score tot stand? (100 startpunten)
| {n} van {total} afbeeldingen zonder alt-attribuut | -18 |
| {n} formulierveld(en) zonder herkenbaar label | -18 |
| {n} link(s) zonder herkenbare naam in de HTML | -18 |
| {n} knop(pen) zonder naam in de HTML | -18 |
| Geen <h1>-kop in de geleverde HTML | -7 |
| {n} dubbele id-attributen | -7 |
| {n} CSS-regel{nPlural} met mogelijk te weinig tekstcontrast | -7 |
| Resultaat | 7 / 100 |
Waarneembaar
{n} van {total} afbeeldingen zonder alt-attribuut
Afbeeldingen die via JavaScript worden nageladen, zijn hier niet meegenomen.
img
Dit zou je moeten doen: Elke <img> een alt geven: korte beschrijving bij betekenisdragende afbeeldingen, alt="" bij zuiver decoratieve.
{n} formulierveld(en) zonder herkenbaar label
Controleer of er een via JavaScript ingesteld aria-label bestaat.
input, select, textarea
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.
{n} CSS-regel{nPlural} met mogelijk te weinig tekstcontrast
Nodig: 4,5:1 (normaal) of 3:1 (grote tekst). Bij „aangenomen paginaachtergrond” kon de werkelijke achtergrond niet met zekerheid worden bepaald — controleer bij twijfel in de browser. Onder meer gevonden: {examples}
.text-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
Dit zou je moeten doen: De tekstkleur donkerder maken of de achtergrond lichter maken tot de betreffende minimumwaarde is bereikt. Kleur nooit als enig onderscheidend kenmerk gebruiken.
Bedienbaar
{n} link(s) zonder herkenbare naam in de HTML
Lege links of alleen een icoon/afbeelding zonder alt. Een via JavaScript ingesteld aria-label wordt hier niet herkend.
a
Dit zou je moeten doen: Zichtbare linktekst toevoegen, of bij icoonlinks aria-label of een afbeelding met alt gebruiken.
{n} knop(pen) zonder naam in de HTML
Knoppen zonder tekst en zonder aria-label zijn stom voor schermlezers — tenzij de naam via JavaScript wordt ingesteld.
button
Dit zou je moeten doen: Knoptekst toevoegen of aria-label instellen.
Geen <h1>-kop in de geleverde HTML
Elke pagina zou met precies één h1 moeten beginnen. Bij pagina's die via JavaScript worden opgebouwd, kan de h1 pas in de browser ontstaan — controleer dan in de gerenderde DOM.
body
Dit zou je moeten doen: Een betekenisvolle <h1> als eerste kop invoegen (zo mogelijk al serverzijdig).
Robuust
{n} dubbele id-attributen
bijv. {examples}. Breekt label-for- en aria-koppelingen.
[id]
Dit zou je moeten doen: Id's uniek toekennen.
Volgende stappen
- {n} van {total} afbeeldingen zonder alt-attribuut. Elke <img> een alt geven: korte beschrijving bij betekenisdragende afbeeldingen, alt="" bij zuiver decoratieve.
- {n} 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.
- {n} link(s) zonder herkenbare naam in de HTML. Zichtbare linktekst toevoegen, of bij icoonlinks aria-label of een afbeelding met alt gebruiken.
- {n} knop(pen) zonder naam in de HTML. Knoptekst toevoegen of aria-label instellen.
- Geen <h1>-kop in de geleverde HTML. Een betekenisvolle <h1> als eerste kop invoegen (zo mogelijk al serverzijdig).
Wekelijkse herscan, JS-gerenderd, e-mail bij nieuwe drempels — komt binnenkort.
Toegankelijkheidsverklaring maken →
Methode & grenzen
Op 31-8-2026 is de HTML gecontroleerd die www.heise.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