Tekstkleur
Achtergrondkleur
Contrast
8.42
- Geslaagd
Kleine tekst
WCAG AA
- Geslaagd
Grote tekst
WCAG AA
- Geslaagd
Kleine tekst
WCAG AAA
- Geslaagd
Grote tekst
WCAG AAA
Kleurenblindheidssimulatie
Info:
Kleine tekst: onder 18pt. Grote tekst: 18pt+ of vet 14pt+.
Lichte achtergrond
Citaat nr. 26
Georg Christoph Lichtenberg
Donkere achtergrond
Citaat nr. 26
Georg Christoph Lichtenberg
Kleine tekst
Grote tekst
Check a whole palette
Paste hex colours (comma or space separated) to check every pair at once.
Geschiedenis van Contrastverhouding
WCAG- en toegankelijkheidsstandaarden begrijpen
WCAG-standaarden
De Web Content Accessibility Guidelines (WCAG) zijn ontwikkeld door het World Wide Web Consortium (W3C) om webinhoud toegankelijker te maken voor mensen met een handicap. De contrastverhoudingsvereisten zijn geïntroduceerd om ervoor te zorgen dat tekst leesbaar is voor gebruikers met visuele beperkingen.
Ontwikkeling
WCAG 1.0 werd gepubliceerd in 1999 en stelde de eerste contrastverhoudingsvereisten vast. WCAG 2.0 (2008) verfijnde deze standaarden met meer precieze formules. WCAG 2.1 (2018) voegde aanvullende succescriteria toe. De huidige contrastverhoudingsformule is ontwikkeld op basis van onderzoek naar menselijke visuele waarneming en kleurwetenschap.
Waarom het Belangrijk is
Juiste contrastverhoudingen zorgen ervoor dat tekst leesbaar is voor iedereen, inclusief gebruikers met kleurenblindheid, slechtziendheid of degenen die inhoud bekijken in fel zonlicht. Dit maakt het web inclusiever en toegankelijker voor miljoenen gebruikers wereldwijd.
De Formule
De contrastverhouding wordt berekend met behulp van de relatieve luminantie van kleuren. Het varieert van 1:1 (geen contrast) tot 21:1 (maximaal contrast, zoals zwart op wit). WCAG AA vereist 4,5:1 voor normale tekst en 3:1 voor grote tekst. WCAG AAA vereist 7:1 voor normale tekst en 4,5:1 voor grote tekst.