Gecontroleerd op 31-8-2026 · https://contentglass.com/
1 kritieke drempel · daarnaast 2 te controleren.
Hoe komt de score tot stand? (100 startpunten)
| {n} CSS-regel{nPlural} met mogelijk te weinig tekstcontrast | -18 |
| {n} link(s) zonder herkenbare naam in de HTML | -7 |
| Geen <h1>-kop in de geleverde HTML | -7 |
| Resultaat | 68 / 100 |
Waarneembaar
{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}
.p-qe19929 .pagelayer-heading-holder *, .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-facebook"], .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-twitter"], .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-google-plus"], .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-linkedin"]
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.
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
- <main>-landmark aanwezig
Volgende stappen
- {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.
- {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).
Wekelijkse herscan, JS-gerenderd, e-mail bij nieuwe drempels — komt binnenkort.
Toegankelijkheidsverklaring maken →
Methode & grenzen
Op 31-8-2026 is de HTML gecontroleerd die contentglass.com 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.