Meestal ernstigLeestijd: 2 min.
Maak tekst makkelijk leesbaar
Verbeter tekst- en achtergrondkleuren zodat meer mensen je inhoud comfortabel kunnen lezen.
Waarom het belangrijk is
Tekst met te weinig contrast kan verdwijnen voor mensen met slechtziendheid, een afwijkend kleurenzicht of iedereen die een scherm in fel licht gebruikt.
Zo los je het op
Bepaal de tekstkleur en de kleur die er direct achter staat.
Streef naar minstens 4,5:1 voor gewone tekst en 3:1 voor grote tekst.
Controleer ook links, knoppen, placeholders, hovertoestanden en tekst op afbeeldingen.
Voorbeeld
.intro {
color: #8a9b93;
background: #ffffff;
}.intro {
color: #46564f;
background: #ffffff;
}Zo controleer je of het opgelost is
Controleer je pagina opnieuw met ibin. Het probleem verdwijnt uit je rapport zodra het overal is opgelost. Probeer het daarna zelf uit, zoals een bezoeker dat zou doen.
- Controleer de pagina opnieuw en kijk of het probleem uit je rapport verdwenen is.
- Probeer het aangepaste deel zelf: met een muis, met alleen een toetsenbord en ingezoomd.
- Vraag als het kan iemand die een schermlezer gebruikt om het ook te proberen.
Voor je ontwikkelaar
Richtlijnen: WCAG 1.4.3 (AA)
color-contrast · Achtergrondinformatie (in het Engels)