1.4.6 Kontrast (wzmocniony) - poziom AAA
To kryterium jest bardziej zaawansowaną wersją 1.4.3. Chodzi o to, żeby tekst był czytelny nawet wtedy, gdy ktoś ma duże trudności ze wzrokiem albo korzysta z ekranu w trudnych warunkach. Wymaganie podaje konkretne progi kontrastu między tekstem a tłem.
O co tu chodzi w praktyce?
Jeśli na stronie masz tekst, który ma być realnie czytany (nie dekoracja), to przy poziomie AAA musisz pilnować wyższego kontrastu niż w minimum AA. W „Zrozumieć” W3C jest to opisane wprost jako zwiększenie czytelności tekstu dla większej liczby osób.
Jakie są progi kontrastu?
W 1.4.6 wymagania są takie:
- Dla „zwykłego” tekstu kontrast ma wynosić co najmniej 7:1.
- Dla „dużego” tekstu kontrast ma wynosić co najmniej 4,5:1.
- W kryterium jest też doprecyzowanie, co uznaje się za „duży tekst” (to ma znaczenie, bo dla niego próg jest niższy).
Kiedy to kryterium nie dotyczy?
Tak jak przy 1.4.3, są wyjątki. Wymóg nie obejmuje tekstu, który jest częścią logo lub znaku firmowego. WCAG dopuszcza też sytuacje, gdy tekst jest incydentalny (czyli nie jest istotny dla zrozumienia treści) lub ma charakter dekoracyjny.
Gdzie najczęściej strony nie spełniają kryterium WCAG 1.4.6?
Najczęściej nie na nagłówkach, tylko na rzeczach drobnych, ale ważnych: opisy pod polami formularza, podpowiedzi, informacje o błędach, linki w treści, elementy filtrów i etykiet, tekst na przyciskach, tekst na tłach kolorowych i na zdjęciach. To są miejsca, które po podniesieniu progu z AA do AAA zwykle zaczynają odpadać jako pierwsze.
Pełny tekst kryterium 1.4.5 Obrazy tekstu
Wizualna prezentacja tekstu lub obrazu tekstu posiada współczynnik kontrastu wynoszący przynajmniej 7:1, poza następującymi wyjątkami:
- Duży tekst - duży tekst oraz grafiki takiego tekstu posiadają kontrast przynajmniej 4,5:1;
- Incydentalne - tekst lub obrazy tekstu, które są częścią nieaktywnego komponentu interfejsu użytkownika , które są czystą dekoracją , które nie są widoczne lub które są częścią obrazu zawierającego inne istotne treści wizualne, nie wymagają wzmocnionego kontrastu;
- Logotyp - tekst, który jest częścią logo lub nazwy własnej produktu (marki), nie wymaga wzmocnionego kontrastu.
Źródło: https://www.w3.org/Translations/WCAG21-pl/#kontrast-wzmocniony
Chcesz wiedzieć więcej?
- 1.1.1 Treść nietekstowa - poziom A
- 1.2.1 Tylko audio lub tylko wideo (nagranie) - poziom A
- 1.2.2 Napisy rozszerzone (nagranie) - poziom A
- 1.2.3 Audiodeskrypcja lub alternatywa tekstowa dla mediów (nagranie) - Poziom A
- 1.2.4 Napisy rozszerzone (na żywo) - poziom AA
- 1.2.5 Audiodeskrypcja (nagranie) - poziom AA
- 1.2.6 Język migowy (nagranie) - poziom AAA
- 1.2.7 Rozszerzona audiodeskrypcja (nagranie) - poziom AAA
- 1.2.8 Alternatywa dla mediów (nagranie) - poziom AAA
- 1.2.9 Tylko audio (na żywo) - poziom AAA
- 1.3.1 Informacje i relacje - poziom A
- 1.3.2 Zrozumiała kolejność - poziom A
- 1.3.3 Właściwości zmysłowe - poziom A
- 1.3.4 Orientacja - poziom AA
- 1.3.5 Określenie pożądanej wartości - poziom AA
- 1.3.6 Określenie przeznaczenia - poziom AAA
- 1.4.1 Użycie koloru - poziom A
- 1.4.2 Kontrola odtwarzania dźwięku - poziom A
- 1.4.3 Kontrast (minimalny) - poziom AA
- 1.4.4 Zmiana rozmiaru tekstu - poziom AA
- 1.4.5 Obrazy tekstu - poziom AA
- 1.4.7 Niska głośność lub bez dźwięków w tle - poziom AAA
- 1.4.8 Prezentacja wizualna - poziom AAA
- 1.4.9 Obrazy tekstu (bez wyjątków) - poziom AAA
- 1.4.10 Dopasowanie do ekranu - poziom AA
- 1.4.11 Kontrast elementów nietekstowych - poziom AA
- 1.4.12 Odstępy w tekście - poziom AA
- 1.4.13 Treść spod kursora lub fokusu - poziom AA