- Poziom
- AAA
- Od wersji
- WCAG 2.0
1.4.6 Kontrast (wzmocniony)
Ostrzejszy próg kontrastu, 7:1, stosowany tam, gdzie czytelność liczy się najbardziej.
/ Czego wymaga
To ostrzejsza wersja wymogu kontrastu. Zwykły tekst i obrazy tekstu potrzebują współczynnika co najmniej 7:1 względem tła, a duży tekst co najmniej 4,5:1. Wyższy próg służy osobom, których wzrok jest słabszy, niż zakłada kryterium minimalne, i które nie korzystają z technologii wspomagających poprawiających kontrast. Najwięcej zyskują długie fragmenty tekstu, drobny druk i wszystko, co czyta się na słabym ekranie albo w ostrym świetle.
Duży tekst ma tę samą definicję co w 1.4.3: co najmniej 18 punktów albo 14 punktów z pogrubieniem. Wyjątki też są te same: nieaktywne kontrolki, czysta dekoracja, tekst niewidoczny, przypadkowy tekst na zdjęciu i logo. Para, która spełnia 1.4.3, nie musi spełniać tego kryterium. Szary #767676 na bieli osiąga około 4,5:1 i wystarcza na poziomie AA, a poziom AAA wymaga mniej więcej #595959 lub ciemniejszego. Kryterium należy do poziomu AAA, więc deklaracja zgodności na poziomie AA od niego nie zależy.
Poziom AAA: to kryterium nie jest wymagane do zgodności na poziomie AA, więc strona może być zgodna z AA bez osiągania 7:1.
/ Jak strony go nie spełniają
- Tekst główny, który swobodnie przekracza 4,5:1, nie dochodzi do 7:1, jak większość średnioszarych tekstów na bieli.
- Kolorowe linki i przyciski spełniające minimum AA wypadają poniżej progu wzmocnionego.
- Duże nagłówki w kolorze firmowym osiągają 3:1 i nie dochodzą do 4,5:1, których poziom AAA wymaga od dużego tekstu.
- Tekst drugorzędny, taki jak daty, podpisy i podpowiedzi, jest jaśniejszy od tekstu głównego i trafia między 4,5:1 a 7:1.
/ Jak sprawdzić samodzielnie
- Zmierz tekst i tło próbnikiem kolorów w narzędziach deweloperskich przeglądarki albo darmowym narzędziem do kontrastu i porównaj wynik z 7:1 zamiast 4,5:1.
- Pracuj na palecie, a nie strona po stronie: wypisz każdy kolor tekstu z każdym tłem, na którym występuje.
- Duży tekst porównaj z 4,5:1, po upewnieniu się, że ma co najmniej 24 piksele albo 18,66 piksela z pogrubieniem.
- Tekst na obrazach i gradientach mierz w najsłabszym punkcie, dokładnie tak jak przy 1.4.3.
/ Jak to naprawić
- Przyciemniaj wartości color tekstu głównego, aż każda para osiągnie 7:1. Na białym tle oznacza to mniej więcej #595959 lub ciemniejszy.
- Osobno przejrzyj kolory linków, przycisków i statusów, bo to kolory firmowe zwykle nie dochodzą do progu.
- Udostępnij motyw o wysokim kontraście i włączaj go zapytaniem prefers-contrast albo widoczną kontrolką na stronie.
- Nie kładź tekstu na zdjęciach i gradientach albo umieść pod nim jednolity background-color.
/ Co sprawdza nasz skaner
Nasz skaner nie ma jeszcze kontroli przypisanej do tego kryterium. Jego kontrole kontrastu porównują tekst z progami 4,5:1 i 3:1 z kryterium 1.4.3, więc strona może wyjść czysto i mimo to nie osiągać 7:1. Kontrast wzmocniony trzeba sprawdzić ręcznie, para po parze, narzędziem do pomiaru kontrastu, łącznie z tekstem na obrazach, którego żadna automatyczna kontrola tutaj nie ocenia.
/ Kto je łamie, według naszych pomiarów
Cotygodniowy indeks nie ma danych dla tego kryterium, bo żaden test uruchamiany przez skan witryny go nie sprawdza. Ocenia je człowiek i do tego służy audyt ręczny.
Jedna strona na podmiot, mierzona automatycznie w tygodniowym cyklu. Jeśli podmiot coś naprawił od ostatniego pomiaru, zmiana będzie widoczna przy następnym, a każdy podmiot może odpowiedzieć na swojej stronie.
/ Pytania o to kryterium
Czy kontrast 7:1 jest wymagany na poziomie AA?
Nie. Poziom AA wymaga 4,5:1 dla zwykłego tekstu i 3:1 dla dużego, zgodnie z 1.4.3. Współczynnik 7:1 należy do 1.4.6, czyli kryterium poziomu AAA. Organizacja, która deklaruje zgodność z AA albo jest z niej rozliczana, nie musi go spełniać, choć 7:1 dla tekstu głównego to rozsądny wybór wszędzie tam, gdzie czyta się długo.
Czym różni się 1.4.3 od 1.4.6?
Tylko liczbami. Oba kryteria mierzą współczynnik kontrastu między tekstem a tłem, oba definiują duży tekst jako 18 punktów albo 14 punktów z pogrubieniem i oba wyłączają logo, nieaktywne kontrolki, dekorację i tekst przypadkowy. 1.4.3 na poziomie AA wymaga 4,5:1 i 3:1. 1.4.6 na poziomie AAA wymaga 7:1 i 4,5:1. Co spełnia drugie, spełnia też pierwsze.
Jakiego kontrastu wymaga duży tekst na poziomie AAA?
Co najmniej 4,5:1. To wartość, którą 1.4.3 stosuje do zwykłego tekstu, tutaj przyłożona do tekstu o rozmiarze 18 punktów lub więcej albo 14 punktów z pogrubieniem lub więcej, czyli około 24 i 18,66 piksela CSS. Tekst poniżej tych rozmiarów wymaga na tym poziomie 7:1. Logo i tekst w nieaktywnych kontrolkach nie mają wymogu na żadnym poziomie.