Перейти к содержимомуПерейти к содержимому

Модуль «Механика» WCAG 1.4.3 Уровень AA

Контрастный сканер

Сканирование в реальном времени на стороне клиента: проверяет все пары текст/фон на соответствие стандартам AA (4,5:1) или AAA (7:1).

Что это делает

Функция в одном предложении — и в трёх предложениях

Низкий контраст текста — это, безусловно, самая распространенная проблема, соответствующая стандартам WCAG, на немецких сайтах. Серый текст на белом фоне, белый текст на светлой фотографии — выглядит „современно", но для многих пользователей едва читаемо.

Контрастный сканер проверяет каждый текстовый компонент в режиме реального времени на стороне клиента, сравнивая его с рассчитанным фоном — даже за полупрозрачными наложениями и на изображениях.

Вот как это реализовано в плагине.

Технические меры

  • формула контраста WCAG (относительная яркость согласно спецификации W3C).
  • Разрешение фонаДаже при сложных стеках (например, белый текст на полупрозрачном наложении поверх фотографии) рассчитывается истинный эффективный контраст.
  • Список проблем в административной панели: все области с контрастом < 4,5:1 (AA) или < 7:1 (AAA), сгруппированные по страницам.
  • путь селектора для каждой проблемы отдельно, так что вы можете исправить это непосредственно в CSS.
  • Дополнительный баннер на стороне клиента (только для авторизованных администраторов) во время работы сайта.
В административной панели плагина

Эти настройки можно найти на вкладке "Модуль".

  • Целевой уровень: AA (4,5:1) или AAA (7:1)
  • Частота сканирования: при каждой загрузке страницы / только по запросу / ежедневно через cron
  • Игнорируйте элементы выбора (например, декоративные подписи, не имеющие отношения к процессу чтения).
  • Динамический баннер для администраторов: включено / выключено
  • Пороговое значение для списка проблем: только серьезные нарушения / все нарушения

Путь в административной панели: WP-Admin → Доступность → Модули → Контрастный сканер

Когда вам понадобится этот модуль?

Вариант использования

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

Может использоваться вместе с Исправление цветового контраста Используется следующая процедура: сначала сканер обнаруживает проблемы, затем средство исправления их устраняет (по возможности).

Связанные модули

Это тематически взаимосвязано.

  • Исправление цветового контраста

    WCAG 1.4.6

    Автоматически повышает недостаточный контраст до уровня AA или AAA с помощью переопределения переменной CSS.

  • Видимый фокус

    WCAG 2.4.11

    Обеспечивает четкое, всегда видимое кольцо фокусировки на всех фокусируемых элементах — с контрастностью класса AAA.

  • ИИ-помощник по аудиту

    WCAG 2.1 AA/AAA

    Выявление проблем, соответствующих стандартам WCAG, на основе содержимого, выходящее за рамки классических сканеров — тональность, четкость, смысловые ссылки, микротекст.

Активировать модуль для вашего сайта?

В ходе первоначальной 15-минутной консультации мы выясним, подходит ли данный модуль для вашей темы и типа контента, а также как будет выглядеть его настройка.

Первичная консультация (15 минут)
Просмотреть все модули

Простой язык