Sprawdzanie kontrastu kolorów
Sprawdź, czy tekst będzie naprawdę czytelny, według standardu dostępności.
- Działa w przeglądarce — twój tekst nigdy nie jest nigdzie wysyłany
- Bez rejestracji, bez limitów, za darmo, tak często, jak chcesz
Jak to działa
Jasnoszary tekst na białym tle to najczęstsza wada dostępności w sieci i w całości da się jej uniknąć. Wytyczne dostępności definiują kontrast jako ścisły współczynnik, więc to, czy dana para kolorów go spełnia, jest kwestią arytmetyki, a nie opinii.
Jak obliczany jest współczynnik
Luminancja względna każdego koloru jest obliczana tak, jak określają wytyczne — z korekcją gamma stosowaną dla każdego kanału — a współczynnik jest wyznaczany między jaśniejszym a ciemniejszym. Wynik zgadza się z tym, co pokaże audyt dostępności, bo to ten sam wzór.
Progi
Zwykły tekst wymaga 4,5:1 dla AA i 7:1 dla AAA. Duży tekst — mniej więcej 24px lub 18,7px, jeśli pogrubiony — wymaga tylko 3:1 dla AA i 4,5:1 dla AAA. Elementy interfejsu i istotna grafika wymagają 3:1. AA to to, czego wymaga większość organizacji i większość przepisów.
Dlaczego dla dużego tekstu wymagania są niższe
Większe kształty liter mają więcej pikseli na każdą kreskę, więc pozostają czytelne przy niższym kontraście. Dlatego nagłówek może używać jaśniejszego szarego niż tekst główny.
Czego współczynnik nie obejmuje
Nie mówi nic o ślepocie barw, która jest osobnym sprawdzeniem, ani o tym, czy tekst jest dość duży lub czy krój pisma jest czytelny. Zaliczony współczynnik to dolna granica, a nie dowód czytelnego projektu.
Sprawdzanie kontrastu kolorów — pytania
Jakiego współczynnika kontrastu potrzebuję?
4,5:1 dla zwykłego tekstu na poziomie AA, 3:1 dla dużego tekstu. AAA podnosi to do 7:1 i 4,5:1.
Co liczy się jako duży tekst?
Mniej więcej 24px i więcej lub 18,7px i więcej, jeśli jest pogrubiony.
Czy zaliczenie oznacza, że mój projekt jest dostępny?
Nie. Kontrast to jedno z wielu wymagań; nie mówi nic o ślepocie barw, rozmiarze tekstu ani czytelności.