Co sprawdza ta reguła
Każdy dokument HTML ma atrybut lang.
Dlaczego to ważne
WCAG 3.1.1 wymaga określenia języka strony.
Jak to naprawić
Na dowolnej stronie
- Dodaj atrybut lang do elementu <html>, np. <html lang="en">.
W Shopify
- W pliku layout/theme.liquid upewnij się, że tag otwierający ma postać <html lang="{{ request.locale.iso_code }}">.
Jak sprawdzić poprawkę
- Przeskanuj ponownie i potwierdź, że reguła html-has-lang jest spełniona.
Jak FixReports to wykrywa
Nasz skan uruchamia regułę axe-core html-has-lang w prawdziwej przeglądarce Chrome na każdej testowanej stronie i zgłasza każdy błędny element wraz z podstroną, jego kodem HTML i, tam gdzie ma to zastosowanie, zrzutem ekranu.
Test automatyczny potwierdza, że ten konkretny problem występuje. Nie rozstrzyga, czy reszta strony jest dostępna: niektóre bariery wychodzą na jaw dopiero wtedy, gdy stronę sprawdzi człowiek.