Что такое Режим высокой контрастности?

Инструмент для проверки веб-контента в условиях повышенного контраста. Вставьте HTML или снимок экрана и посмотрите, как страница выглядит в режимах высокого контраста Windows, инвертированных цветов и кастомных тем, соответствующих стандарту WCAG.

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

  1. Шаг 1 — Вставьте HTML или простой текст в редактор.
  2. Шаг 2 — Выберите режим контраста из предустановок: Высокий контраст Windows (чёрный/белый), Инвертированный, Жёлтый на чёрном или Пользовательские цвета.
  3. Шаг 3 — Проверьте читаемость в живом предпросмотре. С помощью проверки коэффициента контраста убедитесь в соответствии текстовых элементов стандарту WCAG AA/AAA.

Результат

Разработчик вставляет HTML навигационного меню и переключается в режим высокого контраста Windows. Кнопки с одними иконками сливаются с чёрным фоном, поэтому он добавляет текстовые подписи.

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