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

Деякі елементи, позначені як індикатор рівня (meter: шкала зі значенням у діапазоні, наприклад надійність пароля, залишок на складі чи рейтинг), не мають тексту, який пояснює, що вони вимірюють.

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

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

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

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

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

Як виправити

Дайте кожному елементу з role="meter" назву: aria-label (наприклад aria-label="Надійність пароля") або aria-labelledby з посиланням на видимий заголовок чи підпис. Якщо одне число незрозуміле, додайте зрозуміле значення через aria-valuetext.

У Shopify

Трапляється нечасто. Зазвичай це віджет залишку, рейтингу чи прогресу із застосунку або власної секції теми. Додайте підпис у Liquid теми або зверніться до розробника застосунку.

У Shoptet (CZ)

У шаблонах Shoptet трапляється рідко. Якщо з’явилося, зверніться до Shoptet або до партнера Shoptet.

У PrestaShop

Трапляється нечасто. Зазвичай це віджет модуля, наприклад залишку чи рейтингу. Додайте aria-label у перевизначеному шаблоні модуля.

У WooCommerce

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

Стандарти

Стандарти
Стандарт	Пункт
WCAG 2.2	1.1.1 (A) Non-text Content
WCAG 2.1	1.1.1 (A) Non-text Content
WCAG 2.0	1.1.1 (A) Non-text Content
EN 301 549 4.1.1	9.1.1.1
EN 301 549 3.2.1	9.1.1.1
Section 508 2017	E205.4
ДСТУ EN 301 549 2022	9.1.1.1

Автоматична перевірка: правило axe-core aria-meter-name. dequeuniversity.com, github.com, www.w3.org

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