Přejít na obsah
Pandus
cs Změnit jazyk
Menu

Požadavek WCAG A/AA Priorita: Střední

Některé ukazatele průběhu nemají název

Některé prvky označené jako ukazatel průběhu nemají text, který říká, co ukazují, například „nakupte ještě za 500 Kč a máte dopravu zdarma“, kroky objednávky nebo indikátor načítání.

Tento text byl přeložen automaticky a rodilý mluvčí ho zatím nezkontroloval.

Proč na tom záleží vašim zákazníkům

Uživatelé čteček obrazovky slyší jen „ukazatel průběhu, 60 %“ a nevědí, zda jde o hranici dopravy zdarma, krok objednávky nebo stránku, která se ještě načítá. Mohou přijít o nabídku nebo čekat, aniž by věděli na co.

Koho se to týká

  • nevidomí zákazníci
  • uživatelé čteček obrazovky

Jak to opravit

Dejte každému prvku s role="progressbar" název: aria-label (například aria-label="Zbývá do dopravy zdarma") nebo aria-labelledby odkazující na viditelný text vedle něj. Kde je to užitečné, doplňte aria-valuetext s čitelnou hodnotou, například „zbývá 500 Kč“.

V Shopify

Obvykle aplikace pro lištu dopravy zdarma, upsell nebo košík, případně indikátor načítání v šabloně. Požádejte vývojáře aplikace o popisek nebo doplňte aria-label v úryvku Liquid šablony.

V Shoptet (CZ)

Obvykle ukazatel dopravy zdarma nebo načítání v šabloně či doplňku. Nahlaste to Shoptetu nebo partnerovi Shoptetu.

V PrestaShop

Obvykle modul dopravy zdarma, objednávky nebo načítání. Doplňte aria-label v přepsané šabloně modulu nebo to nahlaste vývojáři modulu.

V WooCommerce

Obvykle plugin pro lištu dopravy zdarma, kroky objednávky nebo nahrávání souborů, případně widget průběhu v page builderu. Vyplňte pole popisku ve widgetu, pokud existuje; jinak to opravte v podřízené šabloně nebo nahlaste autorovi pluginu.

Normy

Normy
NormaBod
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

Automatická kontrola: pravidlo axe-core aria-progressbar-name. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme