Normen · WCAG 2.2

SC 1.4.1 Niveau A WCAG 2.0

Gebruik van kleur

Kleur mag niet het enige middel zijn om informatie over te brengen. Verplichte velden, foutmeldingen, linkunderscheid, grafieklijnen — alles vereist een tweede aanwijzing (tekst, pictogram, onderstreping, patroon) zodat kleurblinde gebruikers dezelfde informatie krijgen.

Wat het vereist

Wanneer de betekenis van een UI-element afhankelijk is van kleur — een rode foutmelding, een groene „beschikbaar“-stip, een blauwe link in de lopende tekst, een gekleurde lijn in een grafiek — moet die betekenis ook op een andere manier dan kleur worden overgebracht. Het succescriterium verbiedt kleur niet, het verbiedt uitsluitend kleurgebruik. Ongeveer 1 op 12 mannen en 1 op 200 vrouwen heeft een vorm van kleurzichtbeperking; daarnaast wissen monochrome afdrukken, schermen bij weinig licht en omgevingen met veel schittering kleuronderscheid doorgaans uit.

Hoe er aan te voldoen

  • Onderstreep links in alinea’s. Alleen een andere kleur volstaat niet — dat is de standaardfout bij 1.4.1.
  • Combineer elke statuskleur met een label of pictogram: rood met de tekst „Fout“, groen met een vinkje, geel met een waarschuwingsdriehoek.
  • Markeer verplichte formuliervelden met zowel kleur (sterretje in rood) als een tekstuele aanduiding („verplicht“).
  • Gebruik voor grafieken aparte lijnstijlen (getrokken, gestreept, gestippeld) of symbolen bij datapunten, niet alleen kleur.
  • Wijs statusindicatoren „beschikbaar / bezet / afwezig“ toe aan kleur plus pictogramvorm (gevulde cirkel, holle cirkel, streepje).
  • Bij formuliervalidatie moet de ongeldige toestand naast een rode rand ook een foutmelding in tekst bevatten.

Veelvoorkomende fouten

  • Links in de lopende tekst die alleen door een iets andere blauw­tint worden onderscheiden, zonder onderstreping. Rood-groen kleurblinde gebruikers zien geen verschil.
  • Sterretjes voor verplichte velden in rood weergegeven zonder aria-required en zonder het label „verplicht“.
  • Grafieken met vijf reeksen die alleen door kleur worden onderscheiden — druk de grafiek af in grijstinten en de lijnen worden ononderscheidbaar.
  • Fouttoestanden uitsluitend gestyled met een rode rand, zonder foutmeldingtekst.
  • „Online / offline“-indicatoren die alleen van kleur wisselen, zonder wijziging van vorm of label.
  • Taartdiagrammen met schijven van vergelijkbare luminantie die in de legenda alleen door kleur worden gelabeld.

Waarom het ertoe doet

Dit is de meest genoemde 1.4.x-fout en een van de eenvoudigst te herstellen bij het ontwerpen — voeg een onderstreping, een pictogram of een label toe. Achteraf repareren is moeilijker omdat het merkpalet vaak is opgebouwd rond uitsluitend kleurgebaseerde signalering. De regels van Qualibooth, axe en Lighthouse kunnen dit niet altijd automatisch detecteren, zodat het aan het licht komt bij handmatige beoordeling.