Dlaczego szary #999 odpada
Jasnoszary tekst na białym tle wygląda elegancko w projekcie. Na telefonie w słońcu albo dla osoby słabowidzącej po prostu go nie ma.
Zasada
Kryterium 1.4.3 WCAG wymaga kontrastu co najmniej 4,5 do 1 między zwykłym tekstem a tłem. Duży tekst, od 24 px albo od około 19 px pogrubiony, potrzebuje co najmniej 3 do 1.
Liczby
- Szary #999 na białym: 2,85 do 1. Nie przechodzi ani jako zwykły, ani jako duży tekst.
- Szary #767676 na białym: 4,54 do 1. Najjaśniejszy szary, który przechodzi dla zwykłego tekstu.
- Czarny na białym: 21 do 1, czyli maksimum.
Współczynnik porównuje, ile światła dają oba kolory. Bladoniebieski link może nie przejść tak samo jak bladoszary podpis.
Gdzie się chowa
Szukaj poza tekstem głównym: podpowiedzi w polach formularzy, podpisy pod zdjęciami, linki w stopce, przyciski, które wyglądają na wyłączone, a działają, i biały tekst położony na zdjęciu.
Jak to zapisujemy
Każda taka różnica ma w raporcie własną kartę: numer kryterium, adres i miejsce na stronie, zmierzony współczynnik i kolor na zamianę. Po poprawkach sprawdzamy ją jeszcze raz w reteście.