Tekst o zbyt niskim kontraście
Co to oznacza i dlaczego jest ważne
Osoby słabowidzące, albo w pełnym słońcu, nie przeczytają tekstu o niskim kontraście. WCAG 1.4.3 wymaga 4,5:1 dla zwykłego i 3:1 dla dużego tekstu.
Jak naprawić
Przyciemnij tekst lub rozjaśnij tło do co najmniej 4,5:1. Typowe miejsca: przyciski, teksty zastępcze w polach, ceny, linki w stopce.
Przykład kodu
Przed
<p style="color:#9a9a9a; background:#ffffff">Free delivery from €49</p> <!-- 2.8:1 -->Po
<p style="color:#595959; background:#ffffff">Free delivery from €49</p> <!-- 7.0:1 -->Znajdź ten błąd na swojej stronie
Przetestuj za darmo dowolną stronę — wynik w kilka sekund, z instrukcjami naprawy.