Требование WCAG A/AA Приоритет: Серьёзно
В названиях атрибутов доступности опечатки
Некоторые атрибуты начинаются с «aria-», но не являются настоящими атрибутами ARIA — обычно из-за опечатки.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Такой атрибут игнорируется, и подпись или состояние для пользователей скринридеров до них не доходит. Например, у кнопки, которая должна называться «Закрыть», может вообще не оказаться названия.
Кого это касается
- пользователи скринридеров
- незрячие покупатели
Как исправить
Сверьте написание со списком WAI-ARIA, например aria-labelledby (а не aria-labeledby). Удалите выдуманные атрибуты aria-*; для своих данных используйте data-*.
В Shopify
Обычно это опечатка в коде темы или приложения. Найдите атрибут в Liquid- и JavaScript-файлах темы и исправьте его.
В Shoptet (CZ)
Обычно это код шаблона или ваш собственный добавленный код. Исправьте свой код; о проблемах шаблона сообщите в Shoptet или партнёру.
В PrestaShop
Обычно это опечатка в шаблонах темы или модуля. Исправьте в файлах .tpl или 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.
dequeuniversity.com, github.com, www.w3.org
Похожие проверки
-
У полей формы нет подписей
WCAG 4.1.2 A
-
У некоторых кнопок форм нет названия
WCAG 4.1.2 A
-
У выпадающего списка нет подписи
WCAG 4.1.2 A
-
Текст трудно читать из-за низкого контраста
WCAG 1.4.3 AA