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

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

Stránka neuvádí, v jakém je jazyce

Stránka neuvádí svůj jazyk, takže asistenční technologie musí odhadovat, jak text vyslovit.

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

Čtečka obrazovky může číst český nebo německý text s anglickou výslovností, takže popisy produktů jsou špatně srozumitelné. Hůře fungují i automatický překlad a některé funkce prohlížeče.

Koho se to týká

  • nevidomí zákazníci
  • uživatelé čteček obrazovky
  • lidé, kteří používají předčítání nebo překladače

Jak to opravit

Přidejte k prvku <html> atribut lang s hlavním jazykem stránky, například <html lang="de">. Na vícejazyčných webech ho nastavte pro každou jazykovou verzi. Pro menší části v jiném jazyce použijte lang přímo na nich.

V Shopify

Šablony Shopify obvykle nastavují jazyk podle lokalizace obchodu v hlavním souboru layoutu. Pokud chybí, doplňte atribut lang do značky <html> v souboru layoutu v Liquid.

V Shoptet (CZ)

Šablona jazyk běžně nastavuje sama. Pokud chybí, nahlaste to podpoře Shoptet nebo partnerovi, protože základní layout je součástí šablony.

V PrestaShop

Hlavní šablona layoutu motivu běžně nastavuje lang podle jazyka obchodu. Pokud chybí, doplňte ho do značky <html> v souboru layoutu .tpl motivu.

V WooCommerce

WordPress jazyk běžně vypisuje přes šablonu hlavičky. Pokud chybí, soubor hlavičky šablony nejspíš nevolá standardní funkci pro jazykové atributy; opravte to v podřízené šabloně (child theme).

Normy

Normy
NormaBod
WCAG 2.2 3.1.1 (A) Language of Page
WCAG 2.1 3.1.1 (A) Language of Page
WCAG 2.0 3.1.1 (A) Language of Page
EN 301 549 4.1.1 9.3.1.1
EN 301 549 3.2.1 9.3.1.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.3.1.1

Automatická kontrola: pravidlo axe-core html-has-lang. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme