Безкоштовні онлайн-інструменти
Перевірка контрасту кольорів WCAG
Вкажіть колір тексту й тла. Інструмент порахує коефіцієнт контрасту й покаже, чи ви відповідаєте вимогам WCAG на рівнях AA та AAA.
Коефіцієнт контрасту
15.79:1
| AA | AAA | |
|---|---|---|
| Звичайний текст | Проходить | Проходить |
| Великий текст | Проходить | Проходить |
| Елементи інтерфейсу | Проходить | — |
Перегляд
Приклад тексту на вибраному тлі
Приклад тексту на вибраному тлі
Ваші дані не залишають браузер. Ми нічого не надсилаємо на сервер.
Як користуватися
- Оберіть колір тексту й тла за допомогою палітри або впишіть hex-код.
- Прочитайте коефіцієнт контрасту.
- Перегляньте результати для звичайного тексту, великого тексту та елементів інтерфейсу.
- Якщо тест не пройдено, затемніть або освітліть один із кольорів і перевірте знову.
Пороги контрасту у WCAG
Рівень AA вимагає контрасту щонайменше 4,5:1 для звичайного тексту й 3:1 для великого тексту та елементів інтерфейсу, як-от рамки полів чи значки. Рівень AAA підвищує вимоги до 7:1 для звичайного й 4,5:1 для великого тексту.
Що вважається великим текстом
WCAG вважає великим текст від 24 пікселів, тобто 18 пунктів, або від близько 18,7 пікселя жирним накресленням. Менший текст має відповідати вищому порогу.
Чому це важливо
Низький контраст ускладнює читання людям зі слабким зором, а також будь-кому, хто дивиться на телефон на сонці. Доступність до того ж є юридичною вимогою для багатьох сервісів у Європейському Союзі. Контраст — найдешевше виправлення з найбільшим ефектом.
Поширені запитання
Потрібно більше, ніж інструмент?
Якщо за цим стоїть більший проєкт, сайт, магазин чи застосунок, опишіть його в короткому брифі. Відповімо конкретно й без зобов'язань.
Описати проєкт