Contrast (Verbeterd)
AAA-niveau contrast: 7:1 voor hoofdtekst, 4.5:1 voor grote tekst. Strenger dan 1.4.3; bedoeld voor gebruikers met ernstig slechtziendheid die bij hogere contrastverhouding comfortabeler kunnen lezen.
Wat het vereist
Op AAA-niveau moet hoofdtekst een contrast van 7:1 halen en grote tekst (18pt / 14pt vet) 4.5:1. Dezelfde uitzonderingen als bij 1.4.3 gelden — logo’s, decoratieve tekst, inactieve bedieningselementen — maar de norm is ruwweg twee keer zo streng. Ontworpen voor gebruikers met matige tot ernstige slechtziendheid, waarbij 4.5:1 bij slechte belichting nog steeds moeilijk leesbaar is.
Hoe hieraan te voldoen
- Gebruik een contrastchecker die zowel de AA- als de AAA-score toont; streef naar de AAA-kolom.
- Voor hoofdtekst op wit haalt een voorgrondkleur donkerder dan
#595959doorgaans 7:1. - In donkere modus haalt een voorgrondkleur lichter dan
#b3b3b3op bijna-zwart doorgaans 7:1. - Gebruik puur zwart op puur wit waar het merk dit toelaat — de veiligste verhouding is 21:1.
- Combineer AAA-contrast met een gebruikersschakelaar als de hoog-contrastmodus met het standaardthema botst.
Veelvoorkomende fouten
- Middengrijs hoofdtekst (
#666) die 4.5:1 haalt maar 7:1 niet — een bijna-treffer is nog steeds een fout. - CTA-knoppen in merkkleur die 4.5:1 halen maar niet 7:1 — de meeste halen dit niet.
- Hoog-contrastthema waarbij het niet-tekstcontrast (1.4.11) faalt, ook al slaagt het tekstcontrast.
Waarom het van belang is
AAA is zelden contractueel vereist, maar ondersteuning voor een hoog-contrastthema wordt steeds vaker verwacht in overheids- en hulptechnologie-omgevingen. De schoonste aanpak is een opt-in hoog-contrastthema dat 7:1 haalt zonder het standaardthema af te wijken van de huisstijl.