Cztery zasady WCAG
WCAG (Web Content Accessibility Guidelines) opierają się na czterech zasadach: postrzegalności, funkcjonalności, zrozumiałości i solidności. Obowiązują one niezależnie od języka treści. Postrzegalność oznacza, że wszystkie informacje mogą być odbierane również przez użytkowników z niepełnosprawnością wzroku lub słuchu. Funkcjonalność zapewnia, że wszystkie funkcje są dostępne za pomocą klawiatury i bez ograniczeń czasowych. Zrozumiałość wymaga jasnego języka i spójnej nawigacji. Solidność gwarantuje kompatybilność z technologiami wspomagającymi. W przypadku międzynarodowych stron internetowych zasady te muszą być wdrożone jednakowo w każdej wersji językowej.
Oznaczanie języka za pomocą atrybutu lang
Atrybut lang w elemencie HTML określa język naturalny strony lub jej sekcji. Czytniki ekranu wykorzystują ten atrybut, aby wybrać poprawną wymowę i akcent. W przypadku stron wielojęzycznych atrybut lang musi być poprawnie ustawiony na stronie głównej oraz przy zmianach językowych w tekście. Na przykład: <html lang="de"> dla języka niemieckiego oraz <span lang="en"> dla fragmentów angielskich. Brak tego atrybutu może znacznie utrudnić korzystanie ze strony osobom z niepełnosprawnością wzroku. Należy zatem sprawdzić każdą wersję językową pod kątem kompletnego i poprawnego atrybutowania.
Kontrasty i kolory
Wystarczające kontrasty między tekstem a tłem są niezbędne dla czytelności. Poziom AA WCAG wymaga współczynnika kontrastu co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu. Dotyczy to wszystkich języków na stronie. Unikaj różnicowania informacji wyłącznie za pomocą koloru, ponieważ użytkownicy z daltonizmem nie będą w stanie ich rozpoznać. Używaj dodatkowo symboli lub oznaczeń tekstowych. Schematy kolorów należy również sprawdzić we wszystkich wersjach lokalnych, ponieważ skojarzenia kulturowe mogą się różnić. Testuj swoje strony za pomocą narzędzi do analizy kontrastu podczas opracowywania.
Obsługa za pomocą klawiatury
Wszystkie elementy interaktywne muszą być osiągalne i obsługiwane za pomocą klawiatury. Dotyczy to linków, przycisków, pól formularzy i menu. Fokus musi być widoczny, najlepiej przez wyraźną ramkę fokusu. Unikaj elementów działających tylko za pomocą myszy lub dotyku. Szczególnie w przypadku stron międzynarodowych ze złożoną nawigacją należy przetestować obsługę klawiatury w każdej wersji językowej. Treści dynamiczne, takie jak okna modalne, muszą poprawnie zarządzać fokusem. Upewnij się, że kolejność elementów w DOM odpowiada logicznej kolejności i nie jest określana wyłącznie przez CSS.
Teksty alternatywne w kontekstach wielojęzycznych
Teksty alternatywne opisują obrazy dla czytników ekranu i powinny być napisane w języku otaczającej strony. W przypadku witryn wielojęzycznych oznacza to: każdy obraz otrzymuje tekst alternatywny w odpowiedniej wersji językowej. Nie używaj automatycznych tłumaczeń, ale twórz odpowiednie opisy dla każdej grupy docelowej. Grafiki z tekstem muszą zawierać ten tekst jako tekst alternatywny. Obrazy dekoracyjne otrzymują pusty tekst alternatywny (alt=""), aby były ignorowane przez technologie asystujące. Takie podejście zapewnia, że treść pozostaje dostępna we wszystkich językach.
