Деякі перемикачі та прапорці не мають назви

Деякі власні елементи-перемикачі (прапорці, перемикачі, радіокнопки або пункти меню, створені за допомогою ролей ARIA) не мають підпису, який можна прочитати.

Цей текст перекладено автоматично, носій мови його ще не вичитав.

Чому це важливо для ваших покупців

Користувачі програм зчитування з екрана чують лише «прапорець» або «перемикач» і не знають, що він вмикає: згоду з умовами, підписку на розсилку, фільтр чи подарункове пакування. Вони можуть пропустити обов’язковий прапорець під час оформлення замовлення або вибрати не те.

Кого це стосується

незрячі покупці
користувачі програм зчитування з екрана
користувачі голосового керування

Як виправити

Дайте назву кожному елементу з role="checkbox", "switch", "radio", "menuitemcheckbox" або "menuitemradio": видимий текст усередині, aria-labelledby з посиланням на видимий підпис або aria-label. Де можливо, використовуйте рідні <input type="checkbox"> чи <input type="radio"> з <label>.

У Shopify

Зазвичай це власні перемикачі фільтрів, банери cookie або віджети застосунків (підписки, подарункові опції). Додайте підписи в сніпетах Liquid теми; попросіть розробників застосунків підписати перемикачі, які додають їхні застосунки.

У Shoptet (CZ)

Зазвичай це доповнення або власний код (банери cookie, фільтри). Попросіть постачальника доповнення, Shoptet або партнера Shoptet додати підписи.

У PrestaShop

Зазвичай це модулі згоди на cookie, фасетного пошуку чи опцій товару. Додайте підписи в перевизначених шаблонах .tpl модулів або зверніться до розробника модуля.

У WooCommerce

Часто трапляється в плагінах згоди на cookie, фільтрів і опцій товару, а також у перемикачах конструкторів сторінок. Пошукайте підписи в налаштуваннях плагіна; якщо їх немає, виправте в дочірній темі або повідомте автора плагіна.

Стандарти

Стандарти
Стандарт	Пункт
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-toggle-field-name. dequeuniversity.com, github.com, www.w3.org

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