Stuur ons vertaalfouten, suggesties voor nieuwe functies en bugmeldingen.Contact: toolsintab@gmail.com

Kleurcontrast controleren

Controleer het WCAG 2.2-contrast tussen tekst en achtergrond met tekstvoorbeelden en AA/AAA-beoordeling. Bestanden en ingevoerde inhoud worden niet naar een server verstuurd of daarop opgeslagen.

Zo werkt het

Controleer het WCAG 2.2-contrast tussen tekst en achtergrond met tekstvoorbeelden en AA/AAA-beoordeling.

Formaten en limieten

Values / Images → SVG / PNG

Alles wordt in deze browser verwerkt. Bestandsformaten en beschikbaar geheugen kunnen het resultaat beperken.

Gewone tekst vereist AA 4.5:1 of AAA 7:1; grote tekst AA 3:1 of AAA 4.5:1.

Kleurcontrast controleren Gebruiksaanwijzing

Werkwijze

  1. Voer tekst- en achtergrondkleur als 6-cijferige HEX in.
  2. Bekijk gewone en grote tekst en wissel zo nodig kleuren.
  3. Bekijk contrast en AA/AAA-resultaat per criterium.

Voorbeeld

Invoer / instellingen

Tekst #000000 · Achtergrond #ffffff

Resultaat / controle

21:1 · Voldoet aan AA en AAA

Gewone tekst vereist AA 4.5:1 of AAA 7:1; grote tekst AA 3:1 of AAA 4.5:1.

Aandachtspunten

  • Gewone tekst vereist AA 4.5:1 of AAA 7:1; grote tekst AA 3:1 of AAA 4.5:1.
  • Beoordeelt ondoorzichtige effen kleuren met onafgerond contrast. Grote tekst: minimaal 24px normaal of ongeveer 18.67px vet.