Alegerea culorilor pe care le poate citi oricine
De Echipa AsasWeb 2 min de citit
WCAG cere un raport de contrast de cel puțin 4,5:1 pentru textul de bază și 3:1 pentru textul mare și elementele de interfață. Calea sigură de a atinge aceste ținte este să le construiești în paletă de la început, alege o cerneală închisă și o suprafață deschisă care trec lejer, apoi verifică fiecare pereche de culori cu un instrument de contrast. Nu semnala niciodată nimic doar prin culoare și verifică modul întunecat separat, fiindcă o paletă care trece pe alb poate pica pe un fundal aproape negru.
Textul cu contrast redus arată elegant într-o unealtă de design și dispare în viața reală: la soare, pe un ecran ieftin sau pentru oricine cu vedere redusă. Culoarea accesibilă nu înseamnă estomparea brandului. Înseamnă să te asiguri că oamenii o pot citi cu adevărat.
Cunoaște țintele
WCAG stabilește praguri minime clare. Textul de corp are nevoie de un raport de contrast de cel puțin 4,5 la 1 față de fundalul său. Textul mare, de la aproximativ 24 de pixeli, și elementele de interfață au nevoie de cel puțin 3 la 1. Acestea sunt praguri minime, nu obiective, și sunt ușor de verificat cu orice unealtă de contrast.
Integrează contrastul în paleta ta
Trucul este să proiectezi paleta în jurul acestor ținte de la început, în loc să descoperi eșecuri la final. Alege o cerneală închisă și o suprafață deschisă care trec confortabil, apoi alege culori de accent care funcționează atât ca text, cât și ca umplere. Pe acest site, fiecare pereche de culori este documentată cu raportul măsurat, astfel încât nimic să nu scape.
Nu te baza doar pe culoare
Culoarea nu ar trebui să fie niciodată singurul mod în care semnalezi ceva. Un câmp obligatoriu, o eroare, un link într-un paragraf: fiecare are nevoie de un al doilea indiciu, precum text, o pictogramă sau o subliniere. Oamenii care nu percep diferențele de culoare au în continuare nevoie de mesaj.
Ai grijă la modul întunecat
O paletă care trece în modul luminos poate eșua în modul întunecat, unde o culoare de brand care arăta bine pe alb poate fi prea ștearsă pe o suprafață aproape neagră. Fiecare temă are nevoie de propriile valori verificate.
Tratăm contrastul ca pe un număr măsurat, nu ca pe o presupunere. Dacă nu ești sigur că culorile tale de brand trec, începe un proiect și le vom audita și vom găsi o paletă care este atât fidelă brandului, cât și lizibilă.