Start › Baza wiedzy › Kryterium WCAG

Kontrast kolorów według WCAG 1.4.3

Tekst musi wystarczająco odróżniać się od tła. Kryterium sukcesu WCAG 2.2 1.4.3 wymaga dla normalnego tekstu co najmniej 4,5:1, dla dużego tekstu (od 24 px lub od 18,66 px pogrubiony) co najmniej 3:1.

Częste błędy

Jasnoszary tekst ciągły na białym (często tylko 2,5–3,5:1), tekst zastępczy w polach formularzy, jasny tekst przycisku na średnim odcieniu, kolor odnośnika zbyt zbliżony do koloru tekstu.

Jak to naprawić

Przyciemnij kolor tekstu lub rozjaśnij tło, aż wartość będzie prawidłowa. Nigdy nie używaj koloru jako jedynego wyróżnika — dodatkowo podkreślaj odnośniki, dodatkowo nazywaj stany.

Nie dotyczy

Elementy czysto dekoracyjne, wyłączone elementy sterujące oraz logo nie muszą spełniać wymogu kontrastu.

Jak pomaga a11yglass

Bezpłatny skan sprawdza dostarczony kod HTML i CSS pod kątem naruszeń WCAG wykrywalnych automatycznie i podaje dla każdego ustalenia kryterium sukcesu oraz konkretne działanie. Wykrywa około 20–35 % problemów i nie zastępuje pełnego audytu.

Czytaj dalej

• Obrazy tekstu według WCAG 1.4.5
• Tekst odnośnika według WCAG 2.4.4
• Cztery zasady WCAG

Informacja ogólna według najlepszej wiedzy, nie jest poradą prawną. W indywidualnej sprawie należy zwrócić się do kancelarii wyspecjalizowanej w prawie nowych technologii.