Ce înseamnă acest criteriu?
Criteriul WCAG 1.4.1 – Utilizarea culorii stipulează că culoarea nu trebuie să fie singurul mijloc folosit pentru a transmite informație, indica un răspuns, evidenția un element sau a declanșa o acțiune.
Cu alte cuvinte, nu este suficient să te bazezi doar pe culoare pentru a comunica ceva important. Informația transmisă prin culoare trebuie să fie susținută de text, simboluri sau alte forme perceptibile.
De ce este important?
- Persoanele cu daltonism (aprox. 1 din 12 bărbați și 1 din 200 femei) nu pot distinge anumite culori.
- Persoanele cu deficiențe de vedere nu percep nuanțele sau contrastul.
- Unii utilizatori folosesc dispozitive cu ecrane monocrome sau setări de contrast ridicat.
Dacă informația este transmisă doar prin culoare („verde = corect, roșu = greșit”), mulți utilizatori nu vor înțelege mesajul — ceea ce duce la erori, frustrare și excludere.
Exemple de aplicare corectă:
- Incorect: „Câmpurile completate greșit sunt evidențiate cu roșu.”
Corect: „Câmpurile completate greșit sunt evidențiate cu roșu și includ un mesaj de eroare textual, ex: ‘Adresa de email este invalidă’.” - Incorect: „Opțiunea selectată este evidențiată cu fundal albastru.”
Corect: „Opțiunea selectată este evidențiată cu fundal albastru și un simbol de tip ‘✓’.” - Incorect: „Verde = activ, Roșu = inactiv”
Corect: butoanele includ textul „Activ” / „Inactiv” sau pictograme clare + text.
Ce greșeli apar frecvent?
- Mesaje de validare sau eroare indicate doar prin schimbarea culorii border-ului (input: border-color: red).
- Grafică explicativă (ex: diagramă circulară) fără legendă sau text care să distingă segmentele.
- Butoane colorate diferit fără text, icon sau etichetă distinctivă.
- Linkuri sau elemente interactive evidențiate doar prin culoare, fără subliniere sau formă distinctă.
Criteriul 1.4.1 nu interzice folosirea culorii — dimpotrivă, culoarea poate fi un instrument valoros de comunicare. Însă nu trebuie să fie singurul. Accesibilitatea înseamnă să oferi canale multiple prin care un utilizator să înțeleagă și să interacționeze cu informația. Prin combinarea culorii cu forme, texte sau simboluri, construim un web mai incluziv, mai clar și mai profesionist.
