Wat is de minimale WCAG-contrastverhouding?

WCAG 2.1 AA vereist een contrastverhouding van minimaal 4.5:1 voor normale tekst en 3:1 voor grote tekst. AAA vereist minimaal 7:1 voor normale tekst en 4.5:1 voor grote tekst.

Wat kwalificeert als grote tekst?

Grote tekst wordt gedefinieerd als 18pt (ongeveer 24px) of groter, of 14pt (ongeveer 18.67px) vetgedrukt of groter.

Uploadt deze tool mijn kleuren?

Nee. Alle berekeningen, relatieve luminantie-evaluaties en kleurwijzigingen vinden plaats in uw browser met behulp van JavaScript. Er worden geen kleurgegevens naar de server gestuurd.

WCAG Kleurcontrast Checker

Evalueer de contrastverhouding van tekst- en achtergrondkleuren volgens de WCAG 2.1-richtlijnen. Genereer direct toegankelijke kleuraanpassingen.

Tekst- / Voorgrondkleur HEX/RGB/HSL

Background Color HEX/RGB/HSL

Alles draait lokaal in je browser.

Live Tekstvoorbeeld

Grote Kop (18pt Vet / 24pt Normaal)

Dit is een voorbeeld van een grote koptekststijl.

Normale Tekst (Onder 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Contrastverhouding

18.6:1

WCAG 2.1 Nalevingsstatus

WCAG AA Vereisten

Normale Tekst (4.5:1) PASS

Grote Tekst (3.0:1) PASS

WCAG AAA Vereisten

Normale Tekst (7.0:1) PASS

Grote Tekst (4.5:1) PASS

WCAG 2.1 Richtlijnen

Controleer eenvoudig contraststandaarden om toegankelijke interfaces te bouwen die voldoen aan Sectie 508, ADA en WCAG AA of AAA richtlijnen.

Suggestie-engine

Pas kleuren automatisch stapsgewijs aan langs HSL-coördinaten om de dichtstbijzijnde alternatieven te vinden die voldoen aan de contrastverhoudingscriteria.