Проверка контрастности цветов (WCAG)
Проверьте, соответствует ли пара цветов текста и фона стандартам доступности WCAG AA и AAA. Инструмент отображает коэффициент контрастности и статус прохождения проверки в реальном времени.
Возможности
Как использовать
1. Задайте цвета текста и фона — образец и вердикт WCAG обновляются мгновенно.
2. Переключайте образцы (шрифт / статья / интерфейс), чтобы оценить пару в реальном применении; клавиша S меняет цвета местами.
3. Если уровень не пройден, используйте исправление в один клик — меняется только светлота, тон сохраняется — или скопируйте отчёт WCAG.
Об этом инструменте
Текст, яркость которого слишком близка к яркости фона, трудно читать всем, а некоторым людям — невозможно. Руководство по доступности веб-контента (WCAG) измеряет это коэффициентом контрастности от 1:1 до 21:1, основанным на относительной яркости двух цветов. Уровень AA требует не менее 4,5:1 для основного текста и 3:1 для крупного (24 px или около 18,66 px жирным); уровень AAA повышает требования до 7:1 и 4,5:1. Этот инструмент считает коэффициент на лету, показывает, пройдены ли все четыре порога, и выводит настоящий образец шрифта, статью и интерфейс, чтобы оценить пару цветов в контексте. Если уровень не пройден, он предлагает ближайший цвет текста, который проходит, меняя только светлоту.