Назад ко всем инструментам
👁️

Проверка цветового контраста WCAG

100% приватно и локально

#contrast#wcag#accessibility
4.9(21)

Бесплатный инструмент для проверки контрастности цветов на соответствие стандартам доступности WCAG.

Инициализация модуля

Оптимизация ресурсов и подготовка рабочего пространства...

Как использовать

1

Выберите цвета

Введите цвета текста и фона с помощью палитры или вставьте HEX-коды.

2

Проверьте коэффициент

Инструмент мгновенно рассчитает коэффициент контрастности. Чем выше число (например, 21:1), тем выше контраст.

3

Проверьте статус WCAG

Посмотрите на индикаторы AA и AAA, чтобы убедиться, что ваш дизайн соответствует этическим и законодательным стандартам доступности.

Часто задаваемые вопросы

?Какой коэффициент контрастности считается хорошим?

Стандарт WCAG 2.1 AA требует коэффициента не менее 4.5:1 для обычного текста и 3:1 для крупного. Для уровня AAA требуется 7:1 для обычного текста и 4.5:1 для крупного.

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

Согласно WCAG, крупный текст — это текст размером не менее 18pt (24px) или 14pt (18.66px), если он полужирный.

?Почему важен цветовой контраст?

Хороший контраст гарантирует, что пользователи с нарушениями зрения, дальтонизмом или люди, смотрящие на экран при ярком освещении, смогут комфортно читать ваш контент.

Нужен специальный инструмент?

Мы постоянно добавляем новые инструменты. Предложите свой или сообщите об ошибке.

Похожие инструменты

Гарантия приватности

Ваши данные не покидают браузер

Наш бесплатный сервис проверки цветового контраста помогает дизайнерам и разработчикам создавать сайты, доступные для слабовидящих пользователей. Вычисляя относительную яркость между цветом текста (передним планом) и фоном, этот инструмент мгновенно сообщает, соответствует ли ваша комбинация стандартам WCAG 2.1 AA и AAA для обычного и крупного текста.

100% на стороне клиента
Без загрузок на сервер
Полностью приватно