Normale tekst
Grote tekst
Snelle oplossingen
Voorbeeldtitel
De snelle bruine vos springt over de luie hond
Voorbeeld van kleine tekst (12px)
WCAG-normen
Level AA
Minimale contrastverhouding van 4.5:1 voor normale tekst en 3:1 voor grote tekst. Vereist voor de meeste websites.
Level AAA
Verhoogde contrastverhouding van 7:1 voor normale tekst en 4.5:1 voor grote tekst. Aanbevolen voor optimale toegankelijkheid.
Onvoldoende contrast voor alle tekstgroottes - voldoet niet aan WCAG-normen.
Kleurcontrastcontrole
Bereken de contrastverhouding van tekst- en achtergrondkleuren.
Kies een kleur met behulp van de color picker voor tekst- en achtergrondkleur of voer een kleur in RGB hexadecimaal formaat in (bijv. #259 of #2596BE). Je kunt de schuifregelaar aanpassen om een kleur te selecteren. De Web Content Accessibility Guidelines (WCAG) heeft een specifieke richtlijn om te helpen bepalen of tekst leesbaar is voor ziende gebruikers. Dit criterium gebruikt een bepaald algoritme om kleurencombinaties in vergelijkbare verhoudingen in kaart te brengen. Volgens deze formule stelt WCAG dat een 4.5:1 kleurcontrast ratio met tekst en zijn achtergrond voldoende is voor normale tekst, en grote tekst (18+ pt normaal, of 14+ pt vet) een minimum contrastverhouding van 3:1 moet hebben.
Belangrijkste kenmerken
- • Realtime contrastverhouding berekening
- • WCAG AA & AAA nalevingscontrole
- • HSL schuifregelaars voor verfijning
- • Meerdere voorbeeldformaten
Geavanceerde tools
- • Automatisch kleuren corrigeren
- • Tekst- en achtergrondvoorbeelden
- • Kleurnaam detectie
- • Resultaten exporteren