Введіть або виберіть два кольори і миттєво побачите коефіцієнт контрасту WCAG із позначками проходження AA/AAA для звичайного та великого тексту.
Цей інструмент обчислює коефіцієнт контрасту WCAG між двома кольорами і показує, чи відповідає пара рівню AA або AAA для звичайного тексту, великого тексту та нетекстових елементів інтерфейсу. Усі обчислення виконуються локально у вашому браузері; введені кольори ніколи не завантажуються.
Ні, обчислення повністю відбуваються у вашому браузері за допомогою JavaScript; ніщо з введеного не завантажується.
WCAG 2.x вимагає 4,5:1 для AA у звичайному тексті, 7:1 для AAA у звичайному тексті, 3:1 для AA у великому тексті та 4,5:1 для AAA у великому тексті.
Щонайменше 24px (18pt) звичайної насиченості, або приблизно 18,7px (14pt) жирним; усе менше використовує пороги для звичайного тексту.
Формула коефіцієнта симетрична: вона порівнює лише світлішу і темнішу яскравість, а не те, який колір використано для тексту. Обмін усе одно корисний, бо показує, чи пара працює і з протилежними ролями, наприклад темний текст на світлому фоні порівняно зі світлим текстом на темному фоні.
Ні. Контраст є одним із багатьох критеріїв успіху WCAG. Вибір кольору для людей із порушеннями кольорового зору, видимість фокуса, зміна розміру тексту й навігація з клавіатури є окремими перевірками; симулятор дальтонізму на цьому сайті охоплює одну з них.
Ні. Він незалежно реалізує публічну формулу контрасту WCAG 2.x і не пов'язаний із W3C чи будь-якою іншою організацією з питань доступності.