Перевірка колірного контрасту (WCAG)

Про цей калькулятор

Цей інструмент обчислює коефіцієнт контрастності за WCAG між кольором тексту та кольором тла — значення від 1:1 (однакові кольори, контрасту немає) до 21:1 (чорне на білому), яке виводять із відносної яскравості кожного кольору. Далі він звіряє цей коефіцієнт з офіційними порогами доступності AA та AAA — 4,5:1 для AA і 7:1 для AAA (стандарт допускає й нижчу межу 3:1 для великого тексту, але цей інструмент її не застосовує), — щоб сказати, чи справді поєднання тексту й тла достатньо читабельне для стандартів доступності.

Ним користуються вебдизайнери та фронтенд-розробники, які перевіряють палітру перед випуском, адже низькоконтрастний текст — одна з найпоширеніших скарг щодо доступності й у деяких юрисдикціях може не відповідати законодавчим вимогам. Аудитори доступності беруть те саме обчислення, коли перевіряють сайт чи застосунок на відповідність WCAG, а дизайн-системи часто одразу закладають пари кольорів, що проходять AA, у свої бібліотеки компонентів, щоб узагалі уникнути проблеми.