Перевірка контрастності кольорів
Два кольори — і одразу видно, проходить пара за AA, за AAA, чи не проходить узагалі.
- Безкоштовно
- Без реєстрації
- Працює у вашому браузері — нічого не надсилається
14.49 : 1
Що означають 4.5:1 і 3:1
Стандарт WCAG задає мінімальне співвідношення яскравостей між текстом і тлом. Для звичайного тексту на рівні AA це 4.5:1, для великого й жирного — 3:1, а рівень AAA піднімає планку до 7:1 і 4.5:1 відповідно. Ті самі 3:1 діють для меж полів форми та іконок, які несуть сенс.
Рахується не «яскравість» із піпетки, а відносна світлота, обчислена за формулою стандарту. Через це два кольори, які на око здаються однаково світлими, дають різні результати: жовтий світліший, ніж виглядає, а насичений синій темніший. Саме тому світлий текст на жовтій кнопці провалюється майже завжди.
Читати далі
Формула не бачить того, що бачить людина. Вона не враховує ані тонкість шрифту, ані розмір у реальному макеті, ані фон під напівпрозорим шаром, ані те, як екран поводиться на сонці. Пара, що проходить із запасом у два соті, читатиметься погано, якщо набрана тонким накресленням дрібним кеглем.
Тому висновок інструмента — це вхідна умова, а не гарантія читабельності. Перевірка обов’язкова там, де ми відповідаємо за доступність: державні сайти, освіта, медицина, будь-який проєкт із вимогою відповідати WCAG. Далі макет усе одно дивиться людина.
Часті питання
Який рівень обрати — AA чи AAA?
AA — робочий мінімум для комерційного сайту. AAA беруть там, де аудиторія свідомо ширша: державні послуги, медицина, освіта, сервіси для літніх людей.
Що вважається великим текстом?
Приблизно від 18 пунктів звичайного накреслення або від 14 пунктів жирного. Для нього поріг нижчий — 3:1 на рівні AA.
Чи потрібно перевіряти сірий текст підказок і плейсхолдери?
Так. Це найчастіше порушення в макетах: світло-сірий текст на білому виглядає акуратно й не проходить навіть AA.
Пара пройшла перевірку, але читати важко. Це помилка інструмента?
Ні, це межа методу. WCAG рахує співвідношення яскравостей і не знає нічого про товщину шрифту, кегль і освітлення. Формула — необхідна умова, а не достатня.
Ще інструменти
Інструмент показав проблему, а полагодити нема кому?
Ми робимо сайти, магазини й підтримку — від адреси домену до пошти, яка не потрапляє у спам.
Натискаючи кнопку, ви погоджуєтесь з політикою приватності
Харків · Київ
