Doporučený postup Priorita: Střední
Stránka nemá hlavní nadpis
Stránka nemá nadpis nejvyšší úrovně (H1), který pojmenovává její téma, například název produktu nebo kategorie. Jde o doporučenou praxi nad rámec úrovně WCAG 2.2 AA, o kterou se opírá zákon.
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 jednou klávesou přeskočí na hlavní nadpis, aby zjistili, kde jsou. Bez něj musí podle menu a bannerů hádat, zda jsou u správného produktu či kategorie. Jasný H1 také pomáhá vyhledávačům stránce porozumět.
Koho se to týká
- nevidomí lidé používající čtečky obrazovky
- lidé s kognitivním postižením
- lidé, kteří stránky procházejí pomocí čtecích nástrojů
Jak to opravit
Dejte každé stránce jeden <h1>, který popisuje její obsah: název produktu na stránkách produktů, název kategorie na stránkách kategorií, „Košík“ nebo „Pokladna“ v těchto krocích. Použijte skutečný <h1> (ne jen velký tučný text) a nedělejte z loga nadpis H1 na každé stránce. Vzhled případně zachovejte pomocí CSS.
V Shopify
Obvykle je název produktu, kolekce nebo stránky v souborech sekcí šablony vypsán jako <div> nebo <h2>. Změňte ho na <h1> v příslušné sekci; na úvodní stránce přidejte h1 nebo nastavte první blok nadpisu jako H1, pokud to šablona umožňuje.
V Shoptet (CZ)
Obvykle jsou názvy produktů a kategorií už H1; často chybí na úvodní stránce nebo vlastních stránkách. Přidejte nadpis v editoru obsahu stránky, nebo se ohledně šablony obraťte na Shoptet či partnera.
V PrestaShop
Obvykle název produktu nebo kategorie v šablonách .tpl motivu není <h1>. Změňte značku v šablonách produktu a kategorie motivu nebo podřízeného motivu.
V WooCommerce
Obvykle šablona nebo page builder skrývá název stránky nebo používá nižší úroveň. Název znovu zapněte nebo v builderu nastavte blok nadpisu na H1; v podřízené šabloně (child theme) zkontrolujte šablony WooCommerce pro názvy produktů a archivů.
Normy
Nejde o kritérium WCAG, ale o doporučený postup, který usnadní používání webu.
Automatická kontrola: pravidlo axe-core page-has-heading-one.
dequeuniversity.com, github.com, www.w3.org