Проверка контрастности и доступности

Достаточно ли читабелен текст? Включает автоисправление

Проверяет контрастность между цветом текста и фона по стандарту WCAG и предлагает исправленный оттенок, если сочетание не проходит порог доступности. Выберите два цвета в палитре или по коду HEX, чтобы увидеть живой предпросмотр заголовка, абзаца и мелкого текста на выбранном фоне. Инструмент рассчитывает коэффициент контрастности от 1 до 21 и отмечает четыре проверки. Это стандарты AA и AAA для обычного и крупного текста. Если текст не проходит порог AA для обычного текста со значением 4.5, предлагается ближайший подходящий оттенок. Он сохраняет тот же тон и насыщенность, меняя только яркость, чтобы бренд оставался узнаваемым. Все вычисления выполняются в браузере.

Частые вопросы

Что такое AA и AAA?

AA является общепринятым порогом, который требуется в большинстве случаев. Это коэффициент 4.5 для обычного текста и 3 для крупного. Стандарт AAA более строгий, он требует 7 для обычного текста и 4.5 для крупного.

Этого достаточно для соблюдения закона о доступности?

Контрастность является основным, но не единственным требованием. Для полного соответствия стандарту также нужны навигация с клавиатуры, альтернативный текст для изображений и декларация о доступности.

Что считается крупным текстом?

По стандарту WCAG это текст размером от 24 пикселей, либо от 18.66 пикселей при использовании жирного начертания.

Почему инструмент не предлагает исправление?

Иногда не существует оттенка того же цвета, который прошел бы порог на выбранном вами фоне, и тогда появляется сообщение. В таком случае нужно сделать фон темнее или светлее.

Можно ли проверять цвета с прозрачностью?

Нет. Инструмент принимает только непрозрачные цвета в коде HEX. Для прозрачного цвета нужно сначала вычислить итоговый цвет, который получается на фоне, и ввести его.

Другие полезные инструменты

Все инструменты в разделе Создание сайтов с AI