Een populaire tool voor het controleren van kleurcontrast is de Color Contrast Analyzer, die je kunt vinden op TPGi’s Color Contrast Checker. Met het pipetgereedschap van deze tool kun je de tekstkleur en de achtergrondkleur vergelijken om de contrastverhouding te berekenen.
Maar wat als je deze tool niet kunt gebruiken? Er is een alternatieve methode. Volg deze stappen:
Ga naar WebAIM’s Contrast Checker.
Verklein je browser tot de helft van je schermgrootte door je muis over de linker rand te bewegen totdat je een icoon met twee pijlen ziet. Sleep naar rechts totdat je op de helft van je scherm komt.
Klik op het vierkantje onder het label “Color Picker” in het kader onder “Foreground”. Er verschijnt een nieuw venster met een pipet. Gebruik dit pipet om de kleur van de tekst op je website of document te selecteren.
Doe hetzelfde voor de achtergrondkleur met het tweede pipet onder “Background”.
Hoe analyseer je het resultaat?
- Grote tekst (24 px of font-weight: normal / 400) moet een minimale contrastverhouding van 3,0:1 hebben.
- Tekst kleiner dan 18.7 px of font-weight: bold / 700 vereist een minimale contrastverhouding van 4,5:1.
Zorg ervoor dat alle informatieve elementen op je website of in je document een minimale contrastverhouding van 3,0:1 hebben.