Перейти к содержимому
Pandus
ru Сменить язык
Меню

Требование WCAG A/AA Приоритет: Серьёзно

У атрибутов доступности неверные значения

У некоторых атрибутов доступности в коде недопустимые значения или ссылки на элементы, которых нет на странице.

Этот текст переведён автоматически, носитель языка его ещё не вычитал.

Почему это важно для ваших покупателей

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

Кого это касается

  • пользователи скринридеров
  • незрячие покупатели

Как исправить

Используйте только допустимые значения (например, aria-expanded="true" или "false"). ID в aria-labelledby, aria-describedby и aria-controls должны существовать на странице. Проверьте значения, которые скрипты задают динамически.

В Shopify

Обычно это JavaScript темы или виджеты приложений, которые задают ARIA-значения. Исправьте в Liquid- и JavaScript-файлах темы; о проблемах приложений сообщите их разработчику.

В Shoptet (CZ)

Обычно это скрипты шаблона или дополнения. Сообщите об этом в Shoptet или партнёру.

В PrestaShop

Обычно это скрипты темы или модули. Исправьте в шаблонах и JavaScript темы или сообщите разработчику модуля.

В WooCommerce

Обычно это скрипты темы, конструкторы страниц или плагины. Исправьте в коде дочерней темы или сообщите автору плагина.

Стандарты

Стандарты
СтандартПункт
WCAG 2.2 4.1.2 (A) Name, Role, Value
WCAG 2.1 4.1.2 (A) Name, Role, Value
WCAG 2.0 4.1.2 (A) Name, Role, Value
EN 301 549 4.1.1 9.4.1.2
EN 301 549 3.2.1 9.4.1.2
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.4.1.2

Автоматическая проверка: правило axe-core aria-valid-attr-value. dequeuniversity.com, github.com, www.w3.org

Похожие проверки

Все правила, которые мы проверяем