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

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

Některé ukazatele úrovně nemají název

Některé prvky označené jako ukazatel úrovně (meter, například síla hesla, stav skladu nebo hodnocení) nemají text, který říká, co měří.

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 hodnotu, například „60 %“, a nevědí, zda jde o sílu hesla, zbývající zásobu nebo hodnocení. Může jim chybět informace potřebná k rozhodnutí.

Koho se to týká

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

Jak to opravit

Dejte každému prvku s role="meter" název: aria-label (například aria-label="Síla hesla") nebo aria-labelledby odkazující na viditelný nadpis či popisek. Pokud samotné číslo není srozumitelné, doplňte čitelnou hodnotu přes aria-valuetext.

V Shopify

Spíše vzácné. Obvykle widget stavu skladu, hodnocení nebo postupu z aplikace či vlastní sekce šablony. Doplňte popisek v Liquid šablony nebo se obraťte na vývojáře aplikace.

V Shoptet (CZ)

V šablonách Shoptet vzácné. Pokud se objeví, nahlaste to Shoptetu nebo partnerovi Shoptetu.

V PrestaShop

Spíše vzácné. Obvykle widget modulu, například stav skladu nebo hodnocení. Doplňte aria-label v přepsané šabloně modulu.

V WooCommerce

Spíše vzácné. Obvykle widget síly hesla, hodnocení nebo stavu skladu ze šablony či pluginu. Doplňte popisek v podřízené šabloně nebo to 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-meter-name. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme