Welke kleurcontrasten moet je halen voor WCAG AA?
| Wat | Minimale verhouding |
|---|---|
| Gewone tekst | 4,5 op 1 |
| Grote tekst, vanaf 24 pixels of 19 pixels vet | 3 op 1 |
| Knoppen, formuliervelden, iconen en andere bedieningselementen | 3 op 1 |
| Grafieken en afbeeldingen die informatie dragen | 3 op 1 |
Uitgezonderd zijn logo’s en tekst die deel uitmaakt van een foto.
Contrast is de eis waar in de praktijk het vaakst tegen wordt gezondigd, en meestal onbedoeld. De klassieker is lichtgrijze tekst op wit, die er in een ontwerp rustig uitziet en op een telefoon buiten in de zon onleesbaar is. Ook veel voorkomend: een merkkleur die net niet genoeg contrast geeft op wit, waardoor elke knop op de site zakt.
Controleer dit al in de ontwerpfase. Achteraf een merkkleur aanpassen is een veel groter gesprek dan hem vooraf een tint donkerder kiezen.