Kleur gebruiken om informatie over te brengen

Officiële informatie

Succescriterium 1.4.1: Gebruik van kleur

Doe dit voor goede toegankelijkheid

Met het gebruik van kleur kun je iets duidelijk maken, maar het mag nooit het enige middel zijn. Als je je bewust bent van de vormgeving en de manier waarop je dit toegankelijk maakt, kun je informatie overbrengen, een actie of status aangeven en elementen onderscheiden. Bijvoorbeeld:

• Informatie in grafieken, diagrammen, tabellen en legenda’s in kaarten. Gebruik tekst of patronen zoals lijnen en stippen om verschillende onderdelen van elkaar te onderscheiden. Bijvoorbeeld de staven in een staafdiagram.
• Foutmeldingen in webformulieren. Geef een foutmelding in een formulier in kleur en in tekst aan. Het veranderen van de randkleur van een formulierveld is niet voldoende.
• Actieve links in een menu. Toon bij focus van een knop een duidelijke focusrand.
• Links in lopende tekst. Geef een link een andere kleur dan de andere tekst en onderstreep de link.
• Geef de status van tabbladen in apps niet alleen in kleur weer. Maak de tekst dikgedrukt of verander het uiterlijk van een icoon.

Tips voor goede toegankelijkheid door vormgeving

• Start in de ontwerpfase al met de controle op het gebruik van kleur.
• Neem alle verschillende interactieve elementen in alle verschillende fases op in het huisstijlhandboek en het design systeem.
• Neem richtlijnen voor het ontwerp van diagrammen, grafieken en infographics op in het huisstijlhandboek.
• Plan regelmatig gebruikerstesten in met de doelgroep.
• Controleer je website of app met een emulatietool op de meest voorkomende soorten kleurenblindheid.

Meer informatie

• Foutmeldingen in webformulieren
• Toegankelijke linkteksten op een webpagina of app

Meer informatie voor apps

Appt – Informatie over gebruik van kleur voor apps