Přejít na obsah
Pandus

Požadavek WCAG A/AA Priorita: Závažné

Atributy přístupnosti jsou napsané s chybou

Některé atributy začínají na "aria-", ale nejde o skutečné atributy ARIA, obvykle kvůli překlepu.

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

Atribut se ignoruje, takže popisek nebo stav určený uživatelům čteček obrazovky se k nim nedostane. Například tlačítko, které se mělo jmenovat „Zavřít“, nemusí mít žádný název.

Koho se to týká

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

Jak to opravit

Ověřte pravopis podle seznamu WAI-ARIA, například aria-labelledby (ne aria-labeledby). Vymyšlené atributy aria-* odstraňte; pro vlastní data používejte data-*.

V Shopify

Obvykle jde o překlep v kódu šablony nebo aplikace. Vyhledejte atribut v souborech Liquid a JavaScript šablony a opravte ho.

V Shoptet (CZ)

Obvykle jde o kód šablony nebo vlastní kód, který jste přidali. Svůj kód opravte sami; chyby šablony nahlaste podpoře Shoptet nebo partnerovi.

V PrestaShop

Obvykle jde o překlep v šablonách motivu nebo modulů. Opravte ho v souborech .tpl nebo JavaScript.

V WooCommerce

Obvykle jde o překlep v šabloně, page builderu nebo pluginu. Opravte to v kódu podřízené šablony (child theme), nebo to nahlaste autorovi pluginu.

Normy

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

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

Všechna pravidla, která kontrolujeme