Kontrast (ulepszony)

Czego wymaga kryterium

Na poziomie AAA tekst podstawowy musi osiągać kontrast 7:1, a tekst duży (18 pt lub 14 pt pogrubiony) — 4.5:1. Wyjątki są takie same jak w 1.4.3 — logotypy, tekst dekoracyjny, nieaktywne kontrolki — jednak poprzeczka jest mniej więcej dwa razy wyżej. Kryterium jest przeznaczone dla użytkowników z umiarkowaną lub znaczną słabością wzroku, dla których kontrast 4.5:1 jest nadal trudny do odczytania przy słabym oświetleniu.

Jak spełnić kryterium

• Należy używać narzędzia do sprawdzania kontrastu, które pokazuje wynik zarówno dla poziomu AA, jak i AAA; celem jest kolumna AAA.
• Dla tekstu podstawowego na białym tle kolor pierwszoplanowy ciemniejszy niż #595959 zazwyczaj spełnia wymaganie 7:1.
• W trybie ciemnym kolor pierwszoplanowy jaśniejszy niż #b3b3b3 na niemal czarnym tle zazwyczaj spełnia wymaganie.
• Tam, gdzie pozwala na to identyfikacja wizualna marki, należy stosować czystą czerń na czystej bieli — to najbezpieczniejszy stosunek 21:1.
• Wysoki kontrast AAA warto łączyć z przełącznikiem dostępnym dla użytkownika, jeśli tryb wysokiego kontrastu kolidowałby z identyfikacją marki w domyślnym motywie.

Typowe błędy

• Szary tekst podstawowy (#666), który spełnia wymaganie 4.5:1, ale nie 7:1 — nieznaczne niespełnienie wymagania to nadal błąd.
• Przyciski CTA w kolorze marki, osiągające 4.5:1, ale nie 7:1 — większość z nich nie spełnia tego wymagania.
• Motyw wysokiego kontrastu, który nie spełnia wymagań dotyczących kontrastu elementów nietekstowych (1.4.11), mimo że kontrast tekstu jest poprawny.

Dlaczego to jest ważne

Poziom AAA rzadko jest wymagany umownie, jednak obsługa motywu wysokiego kontrastu jest coraz powszechniej oczekiwana w kontekście rządowym i środowiskach intensywnie korzystających z technologii wspomagających. Najlepszym rozwiązaniem jest oferowanie opcjonalnego motywu wysokiego kontrastu spełniającego wymaganie 7:1 bez wymuszania odejścia od identyfikacji marki w motywie domyślnym.