Требование WCAG A/AA Приоритет: Критично
Вся страница скрыта от скринридеров
У элемента <body> страницы стоит aria-hidden="true", то есть скринридерам сказано игнорировать всё её содержимое.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Пользователи скринридеров не находят ничего: ни меню, ни товаров, ни кнопки «В корзину», ни оформления заказа. Для них магазин пуст, и они уходят.
Кого это касается
- незрячие покупатели
- пользователи скринридеров
- часть пользователей голосового управления
Как исправить
Уберите aria-hidden с элемента <body>. Обычно его ставит скрипт всплывающего окна, боковой корзины, баннера cookie или мобильного меню: он скрывает страницу, пока окно открыто, и не убирает атрибут после закрытия. Чтобы скрыть фон, используйте атрибут inert или нативный <dialog> на содержимом, а не на <body>, и следите, чтобы само окно не попало в скрытую часть.
В Shopify
Обычно это приложение всплывающих окон, рассылки, согласия на cookie или боковой корзины либо скрипт боковых панелей темы. Отключайте приложения по одному, чтобы найти источник, затем исправьте JavaScript темы или сообщите разработчику приложения.
В Shoptet (CZ)
Обычно это скрипт всплывающего окна или дополнения либо собственный код, добавленный в шаблон. Обратитесь в Shoptet или к партнёру Shoptet и уберите собственные скрипты, которые ставят aria-hidden на <body>.
В PrestaShop
Обычно это модуль модальных окон, cookie или рассылки либо JavaScript темы. Найдите скрипт, который ставит aria-hidden на <body>, и исправьте его или сообщите разработчику модуля.
В WooCommerce
Обычно это плагин всплывающих окон, согласия на cookie, мини-корзины или мобильного меню либо конструктор страниц. Отключайте плагины по одному на тестовой копии, чтобы найти источник, и сообщите автору плагина.
Стандарты
| Стандарт | Пункт |
|---|---|
| WCAG 2.2 | 1.3.1 (A) Info and Relationships |
| WCAG 2.2 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.1 | 1.3.1 (A) Info and Relationships |
| WCAG 2.1 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.0 | 1.3.1 (A) Info and Relationships |
| WCAG 2.0 | 4.1.2 (A) Name, Role, Value |
| EN 301 549 4.1.1 | 9.1.3.1 |
| EN 301 549 4.1.1 | 9.4.1.2 |
| EN 301 549 3.2.1 | 9.1.3.1 |
| EN 301 549 3.2.1 | 9.4.1.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.3.1 |
| ДСТУ EN 301 549 2022 | 9.4.1.2 |
Автоматическая проверка: правило axe-core aria-hidden-body.
dequeuniversity.com, github.com, www.w3.org, www.w3.org