Рекомендуемая практика Приоритет: Незначительно
У элемента роль, которая ему не подходит
HTML-элемент имеет атрибут role, недопустимый для этого элемента, например <button>, отмеченный как заголовок, или меню <nav>, отмеченное как кнопка. Это рекомендуемая практика, а не самостоятельное требование WCAG уровня AA, но она часто указывает на другие проблемы.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Программы чтения с экрана могут объявлять элемент не тем, чем он является, или по-разному в разных браузерах, и покупатели ожидают от него другого поведения. Обычно это небольшая путаница, а не препятствие.
Кого это касается
- пользователи программ чтения с экрана
- пользователи голосового управления
Как исправить
Используйте нативный HTML-элемент, который соответствует назначению (<button> для действий, <a href> для переходов, <h2> для заголовков), и уберите противоречащую роль. Если собственная роль действительно нужна, задайте ее нейтральному элементу, например <div> или <span>, и добавьте поведение клавиатуры, которого ожидает эта роль. Допустимые роли для каждого элемента приведены в спецификации W3C «ARIA in HTML».
В Shopify
Обычно это собственные секции, сниппеты или приложения (меню, слайдеры, всплывающие окна). Исправьте разметку в соответствующей секции или сниппете Liquid либо сообщите разработчику приложения.
В Shoptet (CZ)
Обычно это шаблон или собственный код. Исправьте свой код; если причина в шаблоне, сообщите Shoptet или партнеру.
В PrestaShop
Обычно это шаблоны .tpl темы или сторонние модули (меню, слайдеры). Исправьте разметку в шаблонах темы или модуля, желательно через переопределение.
В WooCommerce
Обычно это виджеты конструктора страниц, плагины меню или слайдеров либо собственные шаблоны темы. Исправьте это в шаблоне дочерней темы или сообщите автору плагина.
Стандарты
Это не критерий WCAG, а рекомендуемая практика, которая делает сайт удобнее.
Автоматическая проверка: правило axe-core aria-allowed-role.
dequeuniversity.com, github.com, www.w3.org