Wymaganie WCAG A/AA Priorytet: Poważne

Strona nie określa, w jakim jest języku

Strona nie deklaruje swojego języka, więc technologie wspomagające muszą zgadywać, jak wymawiać tekst.

Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.

Dlaczego to ważne dla Twoich klientów

Czytnik ekranu może odczytać polski lub niemiecki tekst z angielską wymową, przez co opisy produktów stają się trudne do zrozumienia. Gorzej działa też automatyczne tłumaczenie i niektóre funkcje przeglądarki.

Kogo to dotyczy

niewidomi klienci
osoby korzystające z czytników ekranu
osoby korzystające z odczytu na głos lub narzędzi do tłumaczenia

Jak to naprawić

Dodaj atrybut lang do elementu <html> z głównym językiem strony, np. <html lang="pl">. W serwisach wielojęzycznych ustaw go osobno dla każdej wersji językowej. Fragmenty w innym języku oznacz atrybutem lang.

W Shopify

Motywy Shopify zwykle ustawiają język na podstawie ustawień regionalnych sklepu w głównym pliku layoutu. Jeśli go brakuje, dodaj atrybut lang do znacznika <html> w pliku layoutu Liquid motywu.

W Shoptet (CZ)

Szablon zwykle ustawia język. Jeśli go brakuje, zgłoś problem do Shoptet lub partnera Shoptet, ponieważ podstawowy layout jest częścią szablonu.

W PrestaShop

Główny szablon layoutu motywu zwykle ustawia lang na podstawie języka sklepu. Jeśli go brakuje, dodaj go do znacznika <html> w pliku layoutu .tpl motywu.

W WooCommerce

WordPress zwykle wyświetla język przez szablon nagłówka motywu. Jeśli go brakuje, plik nagłówka motywu prawdopodobnie nie wywołuje standardowej funkcji atrybutów języka; popraw to w motywie potomnym.

Normy

Normy
Norma	Punkt
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

Automatyczny test: reguła axe-core html-has-lang. dequeuniversity.com, github.com, www.w3.org

Cała strona jest ukryta przed czytnikami ekranu
WCAG 1.3.1 A
Lista rozwijana nie ma etykiety
WCAG 4.1.2 A
Duże tabele mają komórki bez nagłówków
WCAG 1.3.1 A
Niektórych przewijanych obszarów nie da się obsłużyć klawiaturą
WCAG 2.1.1 A

Wszystkie reguły, które sprawdzamy