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

Požadavek WCAG A/AA Priorita: Drobné

Seznam názvů a hodnot je sestavený nesprávně

Seznam definic (<dl>), často používaný pro parametry produktu nebo zvolené možnosti, obsahuje prvky na špatném místě nebo ve špatném pořadí.

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 nemusí poznat, která hodnota patří ke kterému názvu, například které číslo je hmotnost a které velikost, takže se parametrům produktu hůře rozumí.

Koho se to týká

  • uživatelé čteček obrazovky

Jak to opravit

Do <dl> vkládejte jen skupiny <dt> (název) a <dd> (hodnota) v tomto pořadí: každá skupina začíná jedním nebo více <dt>, za nimiž následuje jeden nebo více <dd>. Celou skupinu může obalit <div>; povoleny jsou také <script> a <template>. Ostatní prvky přesuňte dovnitř <dt> nebo <dd>.

V Shopify

Méně časté; obvykle ve vlastních sekcích s parametry, blocích metapolí nebo kódu aplikací. Strukturu opravte v sekcích nebo snippetech Liquid šablony.

V Shoptet (CZ)

Parametry produktu vykresluje šablona. Nahlaste to podpoře Shoptet nebo partnerovi.

V PrestaShop

Motivy často zobrazují vlastnosti produktu jako <dl>; upravené motivy mohou strukturu rozbít. Kód opravte v souborech .tpl produktové stránky v motivu.

V WooCommerce

WooCommerce zobrazuje zvolené možnosti produktu v košíku a v detailu objednávky jako <dl>; šablony nebo pluginy, které tyto šablony přepisují, mohou strukturu rozbít. Opravte to v šabloně podřízené šablony (child theme) nebo nahlaste autorovi pluginu.

Normy

Normy
NormaBod
WCAG 2.2 1.3.1 (A) Info and Relationships
WCAG 2.1 1.3.1 (A) Info and Relationships
WCAG 2.0 1.3.1 (A) Info and Relationships
EN 301 549 4.1.1 9.1.3.1
EN 301 549 3.2.1 9.1.3.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.3.1

Automatická kontrola: pravidlo axe-core definition-list. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme