WCAG 2.4.2 Název stránky

Kritérium úspěšnosti 2.4.2 pomáhá lidem vědět, kde jsou, aniž by museli číst celou stránku. Název stránky je první, co čtečka obrazovky oznámí, je to text na záložce prohlížeče a v záložkách a pomáhá lidem s kognitivním postižením i každému, kdo má otevřeno mnoho záložek. Jde o úroveň A a je součástí normy EN 301 549 (článek 9.2.4.2). Na harmonizovanou normu EN 301 549 odkazuje i český zákon č. 424/2023 Sb.

Co kritérium vyžaduje

Webové stránky mají názvy, které popisují téma nebo účel.

V HTML to znamená neprázdný prvek <title>. Pokyny W3C doplňují:

• název by měl identifikovat obsah stránky, aby uživatelé stránky rozlišili;
• v jednostránkových aplikacích by se měl název aktualizovat při změně zobrazení;
• shoda názvu s textem odkazu nebo hlavním nadpisem, který na stránku vedl, pomáhá v orientaci.

Dobrou praxí (ne striktním požadavkem) je uvést nejkonkrétnější informaci jako první: „Modrá lněná košile – Pánské košile – Název obchodu“, ne „Název obchodu – Název obchodu – Košile“.

Typické chyby v e-shopu

• všechny stránky používají stejný název, jen jméno obchodu;
• stránky produktů pojmenované interními kódy („SKU 4471-B“);
• stránky s výsledky vyhledávání bez hledaného výrazu v názvu;
• kroky pokladny nebo stránky účtu v jednostránkové aplikaci, které si ponechají název prvního zobrazení;
• chybějící nebo prázdný <title> na landing pages vytvořených v page builderu;
• chybové stránky (404, „vyprodáno“) s názvem, který o chybě nic neříká.

Jak to zkontrolovat

Automaticky: náš nástroj hlásí stránky bez <title> nebo s prázdným <title> (pravidlo název dokumentu). Zda je název popisný, musí posoudit člověk, proto tato část vyžaduje ruční kontrolu.

Ručně: otevřete hlavní typy stránek — úvodní stránku, kategorii, produkt, vyhledávání, košík, každý krok pokladny, účet, 404 — a přečtěte si záložku prohlížeče. Zeptejte se: poznal bych, o kterou stránku jde, kdyby to bylo jediné, co vidím? Mají dvě různé stránky stejný název? U jednostránkové pokladny ověřte, že se název s každým krokem mění.

Jak to opravit

• Použijte šablonu názvu: {název stránky nebo produktu} – {sekce} – {název obchodu}.
• Na stránkách vyhledávání a stránkovaných kategorií uveďte hledaný výraz a číslo stránky.
• Chybovým a potvrzovacím stránkám dejte názvy jako „Stránka nenalezena – Název obchodu“ nebo „Objednávka potvrzena – Název obchodu“.
• V SPA nastavte document.title při každé změně trasy.
• Většina platforem (Shopify, WooCommerce, PrestaShop) umožňuje nastavit SEO titulky; popisné názvy pomáhají i vyhledávačům.

Související kritéria

• 2.4.6 Nadpisy a popisky — nadpisy musí popisovat obsah.
• 2.4.4 Účel odkazu (v kontextu) — text odkazu by měl říkat, kam odkaz vede.
• Spusťte bezplatnou kontrolu a zjistěte, zda vaše stránky mají názvy.

Časté otázky

Co vyžaduje WCAG 2.4.2?

Každá webová stránka musí mít název, který popisuje její téma nebo účel. V HTML je to prvek title v hlavičce stránky.

Proč nástroj pro kontrolu přístupnosti hlásí chybu názvu?

Obvykle proto, že stránka nemá prvek title nebo je prázdný. Automatické nástroje umí zjistit jen to; neumí posoudit, zda je existující název popisný.

Musí být názvy jedinečné?

WCAG požaduje popisné názvy a pokyny W3C uvádějí, že názvy by měly stránku identifikovat a pomoci uživatelům stránky od sebe rozlišit. Stejné názvy na všech stránkách to v praxi znemožňují, proto dejte každé stránce vlastní.

Co jednostránkové aplikace a kroky pokladny?

Při změně zobrazení název aktualizujte, například „Doprava – Pokladna – Název obchodu“, aby vždy odpovídal aktuálnímu obsahu.