Проверка контраста цвета
Проверьте коэффициент контраста WCAG между цветом текста и фона.
Предпросмотр крупного текста
Так выглядит предпросмотр обычного текста.
О проверке контраста цвета
Проверьте, соответствует ли выбранное сочетание цвета текста и фона требованиям контраста доступности WCAG 2.1. AA — минимальный рекомендуемый стандарт; AAA — расширенный стандарт для лучшей читаемости.
Что это за инструмент?
Проверьте, соответствует ли сочетание цвета переднего плана (текста) и фона стандартам контраста доступности WCAG 2.1. Получите мгновенный коэффициент контраста и результаты прохождения/непрохождения для уровней соответствия AA и AAA.
Как использовать
- Выберите или введите шестнадцатеричное значение для цвета переднего плана (текста).
- Выберите или введите шестнадцатеричное значение для цвета фона.
- Просмотрите живой предпросмотр и результаты прохождения/непрохождения для каждого уровня WCAG.
Типичные случаи использования
- Проверка соответствия выбора цвета текста и фона требованиям доступности перед публикацией дизайна
- Выбор читаемых цветовых сочетаний для кнопок, ссылок и основного текста
- Аудит существующего сайта или приложения на соответствие требованиям доступности
Советы и хитрости
- AA (4,5:1) — минимальный стандарт, которому должно соответствовать большинство сайтов для обычного текста.
- Крупный текст (от 18pt, или от 14pt жирным) имеет более низкое требуемое соотношение, так как его легче читать при меньшем контрасте.
Проверьте коэффициент контраста WCAG между цветом текста и фона. Мгновенно проверьте соответствие уровням доступности AA/AAA, бесплатно и онлайн.
проверка контраста · контраст wcag · коэффициент контраста цвета · проверка доступности · онлайн-инструмент