Атрибуты доступности стоят не на тех элементах

У некоторых элементов есть атрибуты доступности, которые не допускаются для элементов такого типа.

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

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

Скринридер может проигнорировать атрибут или озвучить элемент непонятно, и нужная информация, например состояние или подпись, до пользователя не дойдёт.

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

пользователи скринридеров

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

Используйте только атрибуты, которые поддерживает роль элемента, например aria-checked только у чекбоксов, радиокнопок и переключателей. Удалите атрибут или задайте элементу правильную роль. По возможности используйте нативный HTML.

В 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-allowed-attr. dequeuniversity.com, github.com, www.w3.org

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