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

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

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

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

Результат

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

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