Перевірка контрасту
Перевірте поєднання кольорів тексту й фону на відповідність вимогам доступності WCAG.
Коефіцієнт контрастності
12.63:1
Як працює перевірка контрасту
Перевірте відповідність WCAG для будь-якої пари кольорів тексту й фону — обидва рівні, AA і AAA, із живим переглядом.
WCAG AA і AAA
Перевіряйте пари кольорів на обидва рівні відповідності WCAG 2.1. AA вимагає 4.5:1 для звичайного тексту і 3:1 для великого. AAA піднімає планку до 7:1 і 4.5:1 відповідно.
Звичайний і великий текст
Інструмент оцінює контраст окремо для звичайного тексту (менше 18px) і великого (18px жирний або 24px звичайний), адже великий текст читається й за нижчої контрастності.
Живий перегляд
Дивіться, як саме виглядає поєднання тексту й фону, у реальному часі. Перегляд оновлюється миттєво, щойно ви змінюєте кольори, і показує реалістичний результат.
Розумні підказки
Якщо поєднання не проходить перевірку, інструмент підкаже найближчий колір, що її пройде. Досить мінімально підправити колір, щоб відповідати стандартам доступності.
Часті запитання
Для відповідності WCAG AA (найпоширеніша юридична вимога) звичайний текст має мати контрастність щонайменше 4.5:1 щодо фону. Великому тексту (18px жирний або 24px звичайний) досить 3:1. Посилений рівень WCAG AAA вимагає 7:1 і 4.5:1 відповідно.
У багатьох країнах — так. Директива ЄС про доступність вебсайтів, американський закон ADA та схожі закони Канади, Австралії й Великої Британії вимагають, щоб державні й комерційні сайти відповідали WCAG 2.1 AA. Навіть без юридичного обов'язку доступність робить сайт зручнішим для всіх.
Коефіцієнт рахують із відносної яскравості двох кольорів за специфікацією WCAG 2.1. Він змінюється від 1:1 (контрасту немає, колір той самий) до 21:1 (максимальний контраст, чорне на білому). Формула враховує, що людське око по-різному сприймає яскравість у різних частинах спектра.
Так. WCAG 2.1 вимагає контрастності щонайменше 3:1 для компонентів інтерфейсу й графічних об'єктів — кнопок, рамок полів, іконок і елементів діаграм. Так інтерактивні елементи помітні для людей зі слабким зором.