ibin
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

  1. Bepaal de tekstkleur en de kleur die er direct achter staat.

  2. Streef naar minstens 4,5:1 voor gewone tekst en 3:1 voor grote tekst.

  3. Controleer ook links, knoppen, placeholders, hovertoestanden en tekst op afbeeldingen.

Voorbeeld

Voor
.intro {
  color: #8a9b93;
  background: #ffffff;
}
Na
.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)

Ook beschikbaar in English, Français, Deutsch