Geef tekst voldoende kleurcontrast
Gebruikers moeten goed kunnen lezer wat ze moeten invullen of waaruit ze kunnen kiezen.
Het kleurcontrast van de tekst van labels en descriptions ten opzichte van de achtergrondkleur moet daarom 4,5:1 of hoger zijn.
Doen
Maak het label goed leesbaar door voldoende contrast.
Dit voorbeeld heeft een contrast van 5.54:1.<label for="naam1">Uw naam</label><input type="text" id="naam1" autoComplete="name"/>
Niet doen
Maak het label slecht leesbaar door onvoldoende contrast.
Dit voorbeeld heeft een contrast van 2.62:1.<label for="naam2">Uw naam</label><input type="text" id="naam2" autoComplete="name"/>
Meer lezen over gerelateerde WCAG-succescriteria op NL Design System
Op de WCAG succescriteria pagina's op deze website lees je meer over veelgemaakte fouten en hoe je kunt testen of jouw website aan de succescriteria voldoet.
Over deze richtlijnen
Deze richtlijnen worden onderhouden door NL Design System en zijn op dit moment in beta.
We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen? Open een issue op GitHub en deel je mening.