У некоторых элементов есть подпись для шрифта Брайля, но нет обычного названия

У некоторых элементов есть подпись только для брайлевских дисплеев (aria-braillelabel или aria-brailleroledescription), но нет обычной подписи или описания, которое она должна дополнять.

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

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

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

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

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

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

Используйте брайлевские атрибуты только как дополнение к обычному названию. Элементу с aria-braillelabel также нужен видимый текст, aria-label или aria-labelledby; элементу с aria-brailleroledescription также нужен aria-roledescription. Для большинства магазинов проще всего удалить брайлевские атрибуты.

В Shopify

В темах и приложениях Shopify встречается очень редко. Найдите «aria-braille» в коде темы и сниппетах приложений и добавьте обычное название или удалите атрибут.

В Shoptet (CZ)

В шаблонах Shoptet встречается очень редко. Если появилось, обычно это собственный код, добавленный в шаблон; попросите партнёра Shoptet его исправить.

В PrestaShop

Встречается очень редко. Найдите «aria-braille» в файлах .tpl темы и шаблонах модулей и добавьте обычное название или удалите атрибут.

В WooCommerce

Встречается очень редко. Найдите «aria-braille» в дочерней теме и коде плагинов; исправьте это в теме или сообщите автору плагина.

Стандарты

Стандарты
Стандарт	Пункт
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-braille-equivalent. dequeuniversity.com, github.com, www.w3.org

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