Doporučený postup Priorita: Drobné
Nadpis na stránce je prázdný
Stránka obsahuje nadpis bez čitelného textu, často pozůstatek prázdného názvu sekce, bloku šablony nebo nadpisu tvořeného jen ikonou. Jde o doporučený postup, nikoli o požadavek WCAG úrovně AA.
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
Mnoho uživatelů čteček obrazovky přeskakuje mezi nadpisy, aby si udělali přehled o stránce. Prázdný nadpis se ohlásí jen jako „nadpis“ bez obsahu, což mate a ztěžuje orientaci.
Koho se to týká
- uživatelé čteček obrazovky
- lidé, kteří se pohybují po nadpisech
- nevidomí lidé
Jak to opravit
Najděte prázdné prvky <h1>–<h6> (nebo prvky s role="heading"). Doplňte smysluplný text, nebo značku nadpisu odstraňte, pokud sekce nemá název. Pokud nadpis obsahuje jen obrázek nebo ikonu, dejte obrázku alternativní text, který poslouží jako text nadpisu. Neskrývejte text nadpisu pomocí display:none ani aria-hidden.
V Shopify
Často je příčinou sekce nebo blok s prázdným polem nadpisu, přičemž šablona přesto vypisuje prázdnou značku. Vyplňte nadpis v editoru šablony, nebo upravte Liquid sekce tak, aby se značka vypsala jen tehdy, když pole obsahuje text.
V Shoptet (CZ)
Obvykle pochází ze šablony nebo z prázdného textového bloku. Blok v administraci vyplňte nebo odstraňte; pokud je nadpis součástí samotné šablony, obraťte se na Shoptet nebo partnera.
V PrestaShop
Často jde o blok šablony nebo modulu s prázdným názvem. Vyplňte název v konfiguraci modulu, nebo upravte soubor .tpl tak, aby se nadpis vypsal jen při existujícím textu.
V WooCommerce
Často jde o prázdné widgety nadpisů v page builderu nebo o šablony, které vypisují nadpis, i když žádný není. Smažte prázdný widget nebo upravte šablonu v podřízené šabloně (child theme).
Normy
Nejde o kritérium WCAG, ale o doporučený postup, který usnadní používání webu.
Automatická kontrola: pravidlo axe-core empty-heading.
dequeuniversity.com, github.com, www.w3.org