Standarder · WCAG 2.2

SC 1.4.1 Niveau A WCAG 2.0

Brug af farve

Farve må ikke være den eneste måde, information formidles på. Obligatoriske felter, fejltilstande, linkmarkeringer og diagramserier kræver alle et sekundært signal — tekst, ikon, understregning eller mønster — så farveblinde brugere får samme information.

Hvad kriteriet kræver

Når et UI-elements betydning afhænger af dets farve — en rød fejlmeddelelse, en grøn “ledig”-prik, et blåt link i brødtekst, en farvet linje i et diagram — skal den samme betydning også formidles på en anden måde end farve. Succeskriteriet forbyder ikke farve; det forbyder farve som det eneste signal. Cirka 1 ud af 12 mænd og 1 ud af 200 kvinder har en form for farvesynsnedsættelse. Dertil kommer, at gråtoneprintouts, dæmpede skærme og stærkt modlys rutinemæssigt fjerner farveforskelle.

Sådan opfyldes det

  • Understregning af links inde i tekstafsnit. En anden farve alene er ikke nok — det er den klassiske 1.4.1-fejl.
  • Kombiner enhver statusfarve med en etiket eller et ikon: rød med teksten „Fejl“, grøn med et flueben, gul med en advarselstrekant.
  • Markér obligatoriske formularfelter med både farve (rød asterisk) og en tekstindikator („påkrævet“).
  • Brug distinkte linjestile (hel, stiplet, prikket) eller symboler på datapunkter i diagrammer — ikke kun farve.
  • Kombiner „ledig / optaget / væk“-statusindikatorer med farve plus ikonstrukt (fyldt cirkel, tom cirkel, streg).
  • Ugyldig formulartilstand skal have en fejlmeddelelse udover en rød ramme.

Hyppige fejl

  • Links i brødtekst markeret udelukkende med en lidt anderledes blå nuance uden understregning. Rød-grøn farveblinde brugere ser ingen forskel.
  • Obligatoriske asterisker vist i rødt uden aria-required og uden etiketten „påkrævet“.
  • Diagrammer med fem serier, der kun adskilles ved farve — udskriv diagrammet i gråtoner, og linjerne bliver uadskillelige.
  • Fejltilstande, der kun markeres med en rød ramme uden fejlmeddelelse.
  • „Online / offline“-indikatorer, der kun skifter farve — ingen form- eller etiketændring.
  • Cirkeldiagrammer med sektioner af lignende lysstyrke, der kun identificeres i forklaringen ved hjælp af farve.

Hvorfor det er vigtigt

Dette er den mest citerede 1.4.x-fejl og en af de nemmeste at rette i designfasen — tilføj en understregning, et ikon eller en etiket. Eftermontering er sværere, fordi brandpaletten ofte er bygget op om farveeksklusiv signalering. Reglerne i Qualibooth, axe og Lighthouse kan ikke altid opdage dette automatisk, så det dukker op i manuel gennemgang.