Перевірка контрастності кольорів

Стандарт WCAG задає мінімальне співвідношення яскравостей між текстом і тлом. Для звичайного тексту на рівні AA це 4.5:1, для великого й жирного — 3:1, а рівень AAA піднімає планку до 7:1 і 4.5:1 відповідно. Ті самі 3:1 діють для меж полів форми та іконок, які несуть сенс.

Рахується не «яскравість» із піпетки, а відносна світлота, обчислена за формулою стандарту. Через це два кольори, які на око здаються однаково світлими, дають різні результати: жовтий світліший, ніж виглядає, а насичений синій темніший. Саме тому світлий текст на жовтій кнопці провалюється майже завжди.

Формула не бачить того, що бачить людина. Вона не враховує ані тонкість шрифту, ані розмір у реальному макеті, ані фон під напівпрозорим шаром, ані те, як екран поводиться на сонці. Пара, що проходить із запасом у два соті, читатиметься погано, якщо набрана тонким накресленням дрібним кеглем.

Тому висновок інструмента — це вхідна умова, а не гарантія читабельності. Перевірка обов’язкова там, де ми відповідаємо за доступність: державні сайти, освіта, медицина, будь-який проєкт із вимогою відповідати WCAG. Далі макет усе одно дивиться людина.