Cel kryterium – czyli o co chodzi?
Kryterium 3.1.1 (poziom A) dotyczy poprawnego określenia języka strony internetowej. Każdy dokument HTML powinien mieć zdefiniowany język główny za pomocą atrybutu **lang** w sekcji otwierającej <html>
. Dzięki temu technologia wspomagająca, taka jak czytniki ekranu, może poprawnie interpretować treść i dostosować sposób jej prezentacji.
Jak oznaczyć język strony?
Poprawna deklaracja języka w kodzie HTML wygląda następująco:
<html lang="pl"> [...] </html>
Kto skorzysta z tego rozwiÄ…zania?
Prawidłowo określony język strony pomaga wielu grupom użytkowników:
- **Osobom niewidomym i słabowidzącym** korzystającym z czytników ekranu – poprawne oznaczenie języka pozwala na właściwą wymowę treści.
- **Osobom z trudnościami poznawczymi**, np. z dysleksją – mowa syntetyczna może ułatwiać zrozumienie tekstu.
- **Użytkownikom uczącym się języka obcego** – jeśli w treści pojawia się fragment w innym języku, technologia asystująca będzie mogła go poprawnie odczytać.
Częste błędy w deklaracji języka
Podczas określania języka strony często pojawiają się błędy, które mogą powodować problemy z dostępnością:
- Nieprawidłowy format – zamiast **"pl_PL"** (z podkreślnikiem) należy używać **"pl"** lub **"pl-PL"**.
- Brak oznaczenia języka – strony bez zadeklarowanego języka mogą być odczytywane w domyślnym języku czytnika ekranu, co może powodować niezrozumienie treści.
- Błędne oznaczenie wersji językowej – np. **"en"** zamiast **"en-GB"** dla brytyjskiego angielskiego lub **"en-US"** dla amerykańskiego.
Oznaczanie fragmentów w innym języku
Jeśli w treści strony znajdują się fragmenty w innym języku, również powinny być odpowiednio oznaczone. Można to zrobić w następujący sposób:
<p>This is an English sentence.<span lang="fr">Ceci est une phrase en français.</span></p>
W tym przypadku czytnik ekranu rozpozna, że drugi fragment jest w języku francuskim i poprawnie zmieni sposób jego odczytu.
Czy sÄ… wyjÄ…tki?
Nie, kryterium 3.1.1 obowiązuje dla każdej strony internetowej. Określenie języka strony to podstawowy element dostępności cyfrowej i nie ma sytuacji, w których można by go pominąć.
Dlaczego to jest ważne?
Brak określenia języka strony może powodować błędne działanie czytników ekranu i innych technologii asystujących. Wpływa to negatywnie na komfort korzystania z witryny przez osoby niewidome i użytkowników uczących się nowego języka. Odpowiednie oznaczenie języka poprawia też dostępność treści w wyszukiwarkach internetowych.
Czy wiesz, że?
Niektóre przeglądarki automatycznie wykrywają język strony, ale jeśli deklaracja lang
jest błędna lub jej brakuje, użytkownik może otrzymać źle sformatowaną treść lub niewłaściwą wymowę w czytnikach ekranu.
Pamiętajmy, że określenie języka to jeden z najprostszych, a zarazem kluczowych elementów dostępności strony internetowej!