Gecontroleerd op 31-8-2026 · https://www.spiegel.de/
1 kritieke drempel · daarnaast 4 te controleren.
Hoe komt de score tot stand? (100 startpunten)
| {n} knop(pen) zonder naam in de HTML | -18 |
| {n} formulierveld(en) zonder herkenbaar label | -7 |
| {n} link(s) zonder herkenbare naam in de HTML | -7 |
| Geen <h1>-kop in de geleverde HTML | -7 |
| {n} CSS-regel{nPlural} met mogelijk te weinig tekstcontrast | -7 |
| Resultaat | 54 / 100 |
Waarneembaar
{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-shade-base, .debug.svelte-1x5iokp, .text-effi-primary-base, .text-shade-dark, .text-elf-primary-base
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} 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.
{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.
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).
Al goed opgelost
- Textalternativen: keine automatisch erkennbaren Probleme
- Skiplink naar de inhoud aanwezig
- <main>-landmark aanwezig
Volgende stappen
- {n} knop(pen) zonder naam in de HTML. Knoptekst toevoegen of aria-label instellen.
- {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.
- Geen <h1>-kop in de geleverde HTML. Een betekenisvolle <h1> als eerste kop invoegen (zo mogelijk al serverzijdig).
- {n} CSS-regel{nPlural} met mogelijk te weinig tekstcontrast. De tekstkleur donkerder maken of de achtergrond lichter maken tot de betreffende minimumwaarde is bereikt. Kleur nooit als enig onderscheidend kenmerk gebruiken.
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.spiegel.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