Toegankelijke huisstijlkleuren

Kleurgebruik is een essentieel onderdeel van een huisstijl. Hoe deze kleuren gebruikt worden, bepaalt mede de toegankelijkheid van je producten. Toegankelijk kleurgebruik gaat altijd om toegankelijke kleurcombinaties. Een kleur zelf is niet toegankelijk of ontoegankelijk.

Kies bij het ontwerpen van een huisstijl bewust voor toegankelijke kleurcombinaties.

Officiële informatie

Contrasteisen

Contrasteisen voor tekst:

  • Tekst kleiner dan 18pt (24px): 4,5:1.
  • Tekst vanaf 18pt (24px) of vanaf 14pt (18,7px) en vetgedrukt: 3,0:1.

Contrasteisen voor niet-tekstuele inhoud:

  • Componenten van de gebruikersinterface: 3,0:1
  • Grafische objecten die informatie geven 3,0:1. Denk bijvoorbeeld aan het contrast tussen 2 lijnen in een grafiek en het contrast met de achtergrond.

Doe dit ook voor goede toegankelijkheid

  • Kies bij het ontwerpen van een huisstijl bewust voor toegankelijke kleurcombinaties. Maak een overzicht van alle kleurcombinaties die zijn toegestaan. Benoem in welke gevallen je die combinaties gebruikt. Deel dit overzicht intern en bij externe opdrachten.
  • Maak sjablonen voor bijvoorbeeld Word of Powerpoint. Zo zorg je dat het document in de basis toegankelijk is. Leer mensen hoe ze het sjabloon moeten gebruiken.
  • Maak herbruikbare elementen voor je website om digitale toegankelijkheid in je organisatie te houden.
  • Maak een contrastgrid met de huisstijlkleuren voor een overzicht van toegankelijke kleurcombinaties. Gebruik bijvoorbeeld Eightshapes – Contrast Grid (Engelstalig).
  • Breng informatie niet alleen met kleur over.

Test het zelf

Eightshapes – Contrast Grid (Engelstalig) voor het maken van een contrastgrid.

Test het contrast met een contrastchecker:

Kleurcontrast testen in een app

Maak een schermafbeelding van de app. Gebruik een contrastchecker om het kleurcontrast van tekst met de achtergrond in de schermafbeelding te testen.

Meer informatie

Meer informatie voor apps

Deze tekst is een vereenvoudigde versie van de eisen uit WCAG. Hieraan kunnen geen rechten worden ontleend. Voor de volledige eisen, raadpleeg de officiële norm Opent in nieuw tabblad.
Heb je gevonden wat je zocht?

Fijn dat je het antwoord op je vraag hebt kunnen vinden. Heb je een idee over hoe we onze kennisbank kunnen verbeteren?

Informatie over de verwerking van uw persoonsgegevens

Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.

Akkoordverklaring (verplicht)



Waar was je naar op zoek?

Informatie over de verwerking van uw persoonsgegevens

Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.

Akkoordverklaring (verplicht)