Рекомендуемая практика Приоритет: Незначительно
Две области страницы звучат для программ экранного доступа одинаково
На странице есть несколько областей одного типа, например два меню или две боковые панели, без подписи, которая их различает. Это рекомендуемая практика, которая выходит за рамки уровня WCAG 2.2 AA, на который опирается закон.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Пользователи программ экранного доступа переходят между областями страницы (шапка, меню, основное содержимое, футер), как между главами. Если в списке дважды звучит «навигация», они не знают, где главное меню магазина, а где меню кабинета или футера, поэтому открывают не то и возвращаются.
Кого это касается
- незрячие люди, которые пользуются программами экранного доступа
- люди с когнитивными нарушениями, которые пользуются инструментами для чтения
- люди, которые пользуются расширениями браузера со списком областей страницы
Как исправить
Дайте каждому повторяющемуся ориентиру уникальное доступное имя через aria-label или aria-labelledby, например <nav aria-label="Главное меню"> и <nav aria-label="Футер">. Сделайте то же для повторяющихся <aside>, <section> или <form>, которые работают как ориентиры. Если элемент на самом деле не отдельная область, лучше уберите его роль ориентира.
В Shopify
Обычно меню в шапке, мобильное выдвижное меню и меню футера — это <nav> без подписей. Добавьте aria-label к каждому <nav> в файлах секций шапки и футера темы.
В Shoptet (CZ)
Обычно это идёт от меню шаблона. Сообщите Shoptet или партнёру; если повторяющаяся область в своём HTML, который вы добавили, подпишите её там сами.
В PrestaShop
Обычно модуль меню, блоки ссылок в футере и ссылки кабинета выводят <nav> или <section> без подписи. Добавьте aria-label в переопределениях шаблонов модулей в теме.
В WooCommerce
Обычно это меню темы или области виджетов (несколько боковых панелей, несколько меню навигации). Добавьте aria-label в шаблонах дочерней темы или в настройках блока навигации в редакторе блоков, если тема работает на блоках.
Стандарты
Это не критерий WCAG, а рекомендуемая практика, которая делает сайт удобнее.
Автоматическая проверка: правило axe-core landmark-unique.
dequeuniversity.com, github.com, www.w3.org