Проверка контрастности
Проверяет контраст текста и фона, показывает ratio и прохождение WCAG AA/AAA для обычного и крупного текста.
Почему контраст важен
Недостаточный контраст делает текст трудночитаемым, особенно на мобильных экранах и для пользователей со сниженным зрением. Это влияет и на UX, и на доступность.
Как оценивать
WCAG использует contrast ratio. Для обычного текста AA требует 4.5:1, для крупного — 3:1. AAA строже: 7:1 и 4.5:1 соответственно.
Где проверять
Кнопки, формы, подписи, карточки товаров, email и лендинги. Особенно внимательно проверяйте серый текст на светлом фоне и цветные кнопки с белым текстом.
Частые вопросы
Какой контраст нужен для обычного текста?
Для уровня WCAG AA нужен contrast ratio не ниже 4.5:1.
Крупный текст можно делать менее контрастным?
Да, для крупного текста AA допускает 3:1, но лучше оставлять запас.