Реклама мешает? Идти Без рекламы Сегодня 

Проверка контрастности WCAG

ЦветРазработчик

РЕКЛАМА · УДАЛЯТЬ?

ВХОД

Автоматический процесс

ВЫХОД

Клиентская сторона

Обычный текст (16px) — быстрый коричневый лис прыгает через ленивую собаку.

Крупный текст (18px полужирный) — быстрый коричневый лис прыгает.

Крупный текст (24px) — быстрый коричневый лис.

Коэффициент контрастности

21:1

Уровень	Нормальный текст	Крупный текст
WCAG AA
WCAG AAA

РЕКЛАМА · УДАЛЯТЬ?

Гид

Проверка контрастности WCAG

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

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

Введите цвет переднего плана (текста) и цвет фона, используя палитры или вводя значения HEX/RGB. Инструмент мгновенно вычисляет коэффициент контрастности и показывает, соответствует ли ваша комбинация стандартам WCAG AA и AAA как для обычного, так и для крупного текста. Используйте кнопку «Поменять местами», чтобы быстро поменять цвета.

Функции

Живой просмотр – Смотрите, как ваш текст выглядит на фоне в реальном времени
Соответствие WCAG AA и AAA – Значки «Пройдено/Не пройдено» для обычного и крупного текста на обоих уровнях
Отображение коэффициента контрастности – Точный расчет коэффициента (например, 4.5:1)
Несколько форматов ввода – Вводите цвета в формате HEX, RGB или используйте палитру
Поменять цвета – Быстро меняйте местами передний план и фон одним кликом
Предложения по улучшению – Получайте рекомендации, когда ваши цвета не соответствуют стандартам
Примеры размеров текста – Предварительный просмотр для обычного (16px) и крупного (18px полужирный / 24px) размеров