Wcag uitgelegd

Kaart met legenda die alleen op kleur werkt

Kaart met legenda die alleen op kleur werkt — WCAG 1.4.1 Gebruik van kleur (post 8/8)

Een kaart van Nederland. Gebieden in vier kleuren: rood, oranje, geel, groen. Risico hoog, gemiddeld, laag, minimaal.

In grijstinten: vier tinten grijs die nauwelijks van elkaar te onderscheiden zijn.

En de legenda? Vier gekleurde vlakjes met tekst. In grijstinten: vier grijze vlakjes die er identiek uitzien.

Oplossingen voor kaarten:

  1. Patronen of arceringen: strepen, stippen, kruisarceringen per categorie
  2. Labels op de kaart: tekst direct in de gebieden
  3. Interactieve hover/focus: bij hoveren of focussen verschijnt de waarde
  4. Tabel als alternatief: dezelfde data in een tabel naast de kaart

De praktische test: print de kaart in zwart-wit. Kun je nog steeds alle categorieën onderscheiden?

Als het antwoord nee is, werkt je kaart niet voor iedereen. En dat zijn niet alleen mensen met kleurenblindheid. Denk ook aan: uitgeprinte documenten, presentaties op een projector met slechte kleurweergave, en screenshots die in een e-mail worden doorgezet.

Dit was post 8 van 8 over WCAG 1.4.1 Gebruik van kleur. De kern: kleur is een krachtig hulpmiddel om informatie over te brengen. Maar het mag nooit het enige middel zijn. Voeg altijd een tweede visueel kenmerk toe: tekst, icoon, patroon, vorm of positie.

Related Posts

Links die alleen door kleur herkenbaar zijn

Links die alleen door kleur herkenbaar zijn

Een alinea tekst. Ergens staat een link. Blauw. Geen onderstreping.

Focusrand die alleen door kleur werkt

Focusrand die alleen door kleur werkt

Je navigeert met het toetsenbord. Een knop krijgt focus. De focusrand is lichtblauw (#99CCFF) op een witte achtergrond.

Formulierveld kleurt rood bij een fout. Dat is alles.

Formulierveld kleurt rood bij een fout. Dat is alles.

Je vult je e-mailadres verkeerd in. De rand van het veld wordt rood.