Для разработчиков

Контраст текста по WCAG

Введите цвет текста и фона — сразу увидите коэффициент контраста и проходит ли пара по AA/AAA.

Пример текста этим цветом на этом фоне

Это только часть проверок из 50+

Полный AI SEO Audit — мета-теги, скорость, ссылки, 152-ФЗ, ИИ-анализ. Отчёт за 5 минут.

запустить полный аудит →

Зачем проверять контраст текста

Низкий контраст между текстом и фоном — самая частая находка в проверках доступности (WCAG), и единственная, которую не нужно объяснять пользователю: серый текст на светло-сером фоне неудобно читать физически, а не только «по стандарту». Порог 4.5:1 для обычного текста — не произвольная цифра, а граница, ниже которой часть читателей с ослабленным зрением текст не разбирает вовсе.

Требование контраста входит и в WCAG 2.1 AA — стандарт, на который прямо ссылаются рекомендации по доступности для государственных и муниципальных сайтов в России.

Кто проверяет

Веду этот сайт и все инструменты сам. С 2022 года работаю с 1С-Битрикс и Bitrix24, пишу backend на PHP, провожу технические аудиты сайтов — сейчас TechLead веб-разработки. Эти проверки — часть той же практики: находить то, что не видно с первого взгляда.

Подробнее об опыте →

// контакты

Обсудим задачу.

Опишите задачу или проект — отвечу в течение дня. Если нет чёткого ТЗ, это не проблема: помогу сформулировать.

Telegram @enotit Канал @by_enotit LinkedIn enotit

Нажимая кнопку «Отправить», я даю согласие на обработку персональных данных для целей обратной связи и соглашаюсь с Политикой обработки персональных данных .