С этим инструментом что-то не так?

О «Проверка контраста WCAG Онлайн»

Этот инструмент измеряет соотношение контраста между двумя цветами (обычно текст и фон) и говорит, удовлетворяет ли пара требованиям WCAG. Показывает pass/fail для уровней AA и AAA, для обычного и крупного текста.

Соответствие WCAG всё чаще является юридическим требованием: госсайты, образование, госуслуги, многие коммерческие сайты в Европе и Северной Америке обязаны соответствовать минимум WCAG 2.1 AA. Низкий контраст — наиболее частая проблема.

Полезно при выборе цвета текста, аудите доступности и поиске альтернативных оттенков, дающих AAA без сильного изменения дизайна.

Как пользоваться этим инструментом

Как проверить контраст цветов по WCAG

  1. Цвет переднего плана

    "Foreground" — цвет текста или иконки в hex (#RGB или #RRGGBB). Ведущий `#` опционален, регистр не важен.

  2. Цвет фона

    "Background" — поверхность за foreground (фон страницы, заливка кнопки и т. п.). Те же hex-форматы. Поля идут парой бок о бок.

  3. Запуск

    Результат: contrastRatio (например, 4.56) и wcagNormalText / wcagLargeText с метками pass/fail. Обычный текст требует ≥ 4.5 (AA) / 7 (AAA); крупный — ≥ 3 (AA) / 4.5 (AAA).

  4. Чтение уровней

    AA — самое распространённое регуляторное требование; AAA строже и обычно нереалистичен для основного текста. «Крупный текст» — это 18pt+ обычный или 14pt+ полужирный; меньше — считайте по нормальному тексту.

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