Ontwerp-tool

Contrastcontrole voor kleuren

Kies tekst- en achtergrondkleuren om de contrastverhouding en het WCAG-resultaat te bekijken.

Werkt in je browser. Geen upload.
VoorbeeldtekstDe snelle bruine vos springt over de luie hond.
Contrastverhouding—
WCAG AA · normale tekst—
WCAG AA · grote tekst—
WCAG AAA · normale tekst—

Wijzig een van de kleuren om de leesbaarheid te controleren. De WCAG-drempelwaarden gelden alleen als richtlijn voor deze kleurencombinatie.

Over deze tool

Contrastcontrole voor kleuren eenvoudig uitgelegd.

De tool berekent de WCAG-contrastverhouding voor dekkende sRGB-kleuren. Het helpt bij het beoordelen van de leesbaarheid van tekst, maar certificeert geen volledige pagina en vervangt geen toegankelijkheidsaudit.

Veelgestelde vragen

Over Contrastcontrole voor kleuren.

Wat is een goede WCAG-contrastverhouding?

WCAG AA vereist 4,5:1 voor normale tekst en 3:1 voor grote tekst. AAA vereist 7:1 voor normale tekst en 4,5:1 voor grote tekst.

Certificeert dit mijn website als toegankelijk?

Nee. Er worden alleen de twee geselecteerde kleuren gecontroleerd. Toegankelijkheid hangt ook af van de lay-out, tekst, bedieningselementen en andere factoren.