Wyszukiwarka kontrastów znajduje właściwe kontrasty kolorów, aby zapewnić dostępność stron internetowych.
WCAG kryterium sukcesu 1.4.3 WCAG wymaga, aby tekst miał minimalny współczynnik kontrastu 4.5 (oraz 3 dla dużego tekstu).
Wyszukiwarka kontrastów jest narzędziem, które oblicza kontrast pomiędzy dwoma kolorami (tłem i pierwszym planem) i sprawdza, czy kontrast jest prawidłowy. Gdy kontrast nie jest prawidłowy, Wyszukiwarka sugeruje zestaw poprawnych kontrastów kolorów.
Wyszukiwarka kontrastów jest przeznaczona do użytku przez projektantów stron internetowych, programistów oraz specjalistów ds. dostępności cyfrowej
Interfejs Wyszukiwarki kontrastów to formularz z pięcioma polami obowiązkowymi.
To kolor tekstu.
To jest kolor drugoplanowy, kolor tła.
To pole działa tak samo jak pole koloru tekstu.
Trzy możliwe wartości to: 3, 4.5 lub 7.
Który współczynnik wybrać? Zależy to od następujących elementów:
Dwa elementy (rozmiar i pogrubienie) dają cztery kombinacje:
24px
: współczynnik = 4.5 24px
: współczynnik = 3 19px
: współczynnik = 4.5 19px
: współczynnik = 3 Dla poziomu AAA logika jest taka sama, tylko stosunek zwiększa się w następujący sposób :
19px
można rozumieć jako równoważne rozmiarom 14pt
lub 120%
, albo 1.2em
. 24px
można rozumieć jako równoważne rozmiarom 18pt
lub 150%
, albo 1.5em
. Aby w pełni i wyczerpująco zrozumieć, jak interpretować rozmiar tekstu, należy przeczytać definicję dużego tekstu z WCAG.
Może to być albo kolor tekstu, albo kolor tła. Domyślnie jest to kolor tekstu.
Kolor, który wybierzesz, będzie modyfikowany aż do momentu, gdy znajdziemy właściwy kolor. Drugi kolor nie zmieni się.
To jest domyślny algorytm. Oferuje opcje kolorystyczne najbardziej zbliżone do koloru początkowego. (Odległość koloru jest obliczana na podstawie matematycznej, która może się różnić od punktu widzenia projektanta.)
Dla niektórych kombinacji kolorystycznych, algorytm może nie dać żadnego rezultatu ; w takim przypadku, użyj drugiego algorytmu.
Jest to algorytm zapasowy, do wykorzystania w przypadku, gdy pierwszy algorytm nie daje wyniku. Ale zaproponowane tu opcje kolorystyczne mogą różnić się (zdecydowanie) od koloru początkowego.
Jeśli masz jakieeś problemy lub pytania dotyczące Wyszukiwarki kontrastów, skontaktuj się z nami:
Każdy wkład jest mile widziany! Tłumaczenie, korekta, raport o błędach, nowa funkcja…
Zapraszamy do zabawy z kodem źródłowym, lub dyskusji na forum.