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

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

Některé posuvné oblasti nejdou ovládat klávesnicí

Některé boxy na stránce se posouvají, ale uživatelé klávesnice se do nich nedostanou, aby je mohli posunout.

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

Lidé, kteří místo myši používají klávesnici, si nepřečtou zbytek tabulky velikostí, dodacích podmínek nebo seznamu filtrů, takže jim uniknou informace nebo možnosti.

Koho se to týká

  • uživatelé klávesnice
  • lidé s pohybovým postižením
  • uživatelé čteček obrazovky

Jak to opravit

Zpřístupněte každou posuvnou oblast klávesnici: přidejte tabindex="0" s přístupným názvem (aria-label) a vhodnou rolí, nebo zajistěte, aby obsahovala prvek, na který lze přejít. Lepší je nepoužívat malé posuvné boxy pro důležitý obsah.

V Shopify

Obvykle jde o tabulky, záložky, seznamy filtrů nebo widgety aplikací v šabloně. Doplňte tabindex a popisek v sekcích Liquid šablony, nebo se v CSS vyhněte boxům s pevnou výškou a posuvníkem.

V Shoptet (CZ)

Obvykle jde o tabulky nebo textové boxy v šabloně či obsahu. Ve svém obsahu se vyhněte boxům s pevnou výškou; chyby šablony nahlaste podpoře Shoptet nebo partnerovi.

V PrestaShop

Obvykle jde o záložky produktu, tabulky nebo seznamy fasetového vyhledávání. Opravte to v šablonách .tpl motivu nebo v CSS.

V WooCommerce

Obvykle jde o tabulky, záložky nebo widgety ze šablony či pluginů. Opravte to v šablonách nebo CSS podřízené šablony (child theme), nebo to nahlaste autorovi pluginu.

Normy

Normy
NormaBod
WCAG 2.2 2.1.1 (A) Keyboard
WCAG 2.2 2.1.3 (AAA) Keyboard (No Exception)
WCAG 2.1 2.1.1 (A) Keyboard
WCAG 2.1 2.1.3 (AAA) Keyboard (No Exception)
WCAG 2.0 2.1.1 (A) Keyboard
WCAG 2.0 2.1.3 (AAA) Keyboard (No Exception)
EN 301 549 4.1.1 9.2.1.1
EN 301 549 3.2.1 9.2.1.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.2.1.1

Automatická kontrola: pravidlo axe-core scrollable-region-focusable. dequeuniversity.com, github.com, www.w3.org, www.w3.org, www.etsi.org

Podobné kontroly

Všechna pravidla, která kontrolujeme