Проверка цветового контраста WCAG — Бесплатный Онлайн-Инструмент

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

Бесплатная онлайн-проверка цветового контраста WCAG. Введите цвет переднего плана и фона, проверьте соответствие стандартам WCAG 2.1 AA и AAA. Включает предустановленные пары цветов и предпросмотр в реальном времени.

Зачем использовать Проверка цветового контраста WCAG?

Соответствие WCAG 2.1 AA и AAA для обычного и крупного текста
Предварительный просмотр текста с вашей цветовой комбинацией
8 готовых цветовых пар для распространенных сценариев
Четкие индикаторы успеха/неудачи с требуемыми коэффициентами

Как использовать Проверка цветового контраста WCAG — пошаговое руководство

Введите цвета переднего плана (текста) и фона.

Просмотрите коэффициент контрастности и результаты соответствия WCAG.

Используйте готовые цветовые пары для распространенных сценариев.

Настройте цвета, пока все проверки не будут пройдены.

Для кого Проверка цветового контраста WCAG лучше всего подходит?

веб-доступность
дизайн интерфейсов
соответствие WCAG
выбор цвета

Проверка цветового контраста WCAG — часто задаваемые вопросы

What is WCAG 2.1 AA compliance?

WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold).

What is the difference between AA and AAA?

AAA is a higher standard requiring 7:1 for normal text and 4.5:1 for large text. AAA is not required for all content but is recommended where possible.