Waar houd ik rekening mee bij een tekstkleur?
Main content
Tekst moet goed leesbaar zijn voor bezoekers van je website of lezers van je document.
Wat zijn de eisen vanuit WCAG?
Het minimale contrast tussen de kleur van de tekst en de kleur van de achtergrond hangt af van de lettergrootte van de tekst:
- Gebruik je een normale lettergrootte? Dit is een lettergrootte van minder dan 18pt (24px). Dan is het minimale contrast 4,5:1.
- Bij een lettergrootte van 18pt (24px) of meer is het minimale contrast 3,0:1.
De eisen voor de tekstkleur in logo's
De tekstkleur in logo's hoeft niet te voldoen aan deze eis. Heeft de website een contrastswitch en is deze knop helemaal toegankelijk? Dan hoeft alleen de aangepaste versie met een beter contrast te voldoen aan deze eis.
Waarom is het belangrijk?
Bezoekers die kleurenblind of slechtziend zijn kunnen kleuren vaak niet goed zien. Voldoende kleurcontrast helpt ook mensen die je website of app buiten in de zon bekijken.
Wat zijn onze tips?
In sommige tekstverwerkingsprogramma’s zoals MS Word kun je zelf de kleur van de tekst aanpassen. Vraag je webbouwer om de kleuren van de website aan te passen.
Test het zelf
Wil je weten of de tekstkleur op je website genoeg contrast heeft? Gebruik de Colour Contrast Analyser en test het zelf.
Ook interessant
- Wat zijn de voorwaarden voor kleurcontrast van interactieve elementen?
- Hoe voorkom ik dat informatie alleen in kleur wordt getoond?