🌓Проверка контрастности цветов

Что такое коэффициент контрастности

Коэффициент контрастности — это показатель разницы яркости между цветом текста и цветом фона, выраженный числом от 1:1 до 21:1. Максимальный коэффициент 21:1 достигается при сочетании чёрного и белого, а минимальный 1:1 — при одинаковых цветах.

• Как выполняется расчёт：Коэффициент контрастности рассчитывается путём преобразования двух цветов в относительную светимость sRGB и деления светимости более светлого цвета на светимость более тёмного цвета, при этом к каждому добавляется 0,05.
• Примеры значений：Для белого фона (#FFFFFF) серый цвет #777777 имеет коэффициент контрастности 4,47:1, #999999 имеет 2,84:1, а чёрный (#000000) имеет 21:1.

Разница между AA и AAA в WCAG

WCAG — это международное руководство по доступности веб-контента, в котором установлены два уровня пороговых значений коэффициента контрастности: AA и AAA.

• AA (стандартный уровень)：AA требует коэффициента контрастности 4,5:1 и выше для обычного текста и 3,0:1 и выше для крупного текста. Это стандартный уровень, к которому стремятся типичные веб-сайты.
• AAA (более строгий уровень)：AAA требует коэффициента контрастности 7:1 и выше для обычного текста и 4,5:1 и выше для крупного текста. Этот уровень нацелен на повышенную читаемость для людей с низким зрением.

Определение крупного текста

Крупный текст в WCAG означает текст размером примерно 18 пунктов (24 пиксела) и более, или полужирный текст размером 14 пунктов (около 18,7 пиксела) и более.

• Обычный текст：Обычный текст — это текст, который не подпадает под категорию крупного текста, например текст в основном содержании или примечания. Для него требуется коэффициент контрастности не менее 4,5:1.
• Связь с заголовками：Даже если это заголовок, если его размер менее 24 пиксела и он не полужирный, он рассматривается как обычный текст. Необходимо проверить как размер, так и вес.