Co mówi norma
Wizualna prezentacja poniższych elementów posiada współczynnik kontrastu wynoszący przynajmniej 3:1 w stosunku do sąsiadujących kolorów:
Dlaczego to ma znaczenie
Pole formularza, którego obramowania nie widać, to pole, którego się nie znajduje. Tu minimalistyczny projekt najczęściej przekracza granicę.
Jak wygląda błąd
- błądObramowania pól w #e5e5e5 na bieli — około 1,2:1.
- błądObwódka fokusu w kolorze bliskim tłu.
- błądLinie wykresu rozróżniane wyłącznie bladymi odcieniami.
- błądPrzełączniki, których stany włączony i wyłączony różnią się tylko niskokontrastowym wypełnieniem.
Jak to naprawić
- róbDoprowadź obramowania, obwódki fokusu i ikony do co najmniej 3:1 wobec tego, co jest za nimi.
- róbSprawdzaj też stany, nie tylko wygląd domyślny: najechanie, fokus, zaznaczenie, wyłączenie.
Jak sprawdza to A11ySignal
ręcznie
Żadna automatyczna reguła nie osądzi tego kryterium i nie będziemy udawać inaczej. Czyste skanowanie nie oznacza, że 1.4.11 jest spełnione — oznacza, że nic mierzalnego nie zawiodło. Tu potrzebny jest człowiek.
Także pod 1.4 Rozróżnialność
- 1.4.1 Użycie koloru
- 1.4.2 Kontrola odtwarzania dźwięku
- 1.4.3 Kontrast (minimum)
- 1.4.4 Zmiana rozmiaru tekstu
- 1.4.5 Obrazy tekstu
- 1.4.6 Kontrast (wzmocniony)
- 1.4.7 Cichy lub całkowicie wyciszony dźwięk w tle
- 1.4.8 Prezentacja wizualna
- 1.4.9 Obrazy tekstu (bez wyjątków)
- 1.4.10 Dopasowanie do ekranu
- 1.4.12 Odstępy w tekście
- 1.4.13 Treść spod kursora lub fokusu