Уся сторінка прихована від програм зчитування з екрана

Елемент <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

Усі правила, які ми перевіряємо