Podręcznik

Zalecenia WCAG opierają się na czterech głównych zasadach, które można łatwiej zapamiętać korzystając z akronimu POUR:

1. Postrzegalność (ang. Perceivable):
   Zasada postrzegalności oznacza, że wszystkie informacje i komponenty interfejsu muszą być przedstawione w sposób, który użytkownik może odebrać za pomocą swoich zmysłów, takich jak wzrok, słuch lub dotyk. Treści muszą być dostępne dla różnych grup użytkowników, niezależnie od ich ograniczeń sensorycznych.
   Przykłady:
   • zapewnienie tekstów alternatywnych (atrybut alt dla elementu <img>) dla wszystkich treści multimedialnych (obrazy, wideo, itp.), aby osoby niewidome mogły je odczytać za pomocą czytników ekranowych,
     

     <img src="przyklad.jpg" alt="Zdjęcie Mostu Północnego o zachodzie słońca">

   • udostępnienie napisów (transkrypcji) do treści audio i wideo dla osób niesłyszących i niedosłyszących,
   • używanie odpowiednio wysokiego kontrastu między tekstem a tłem (min. 4.5:1 dla zwykłego tekstu i 3:1 dla dużych czcionek), aby treści były czytelne dla osób słabowidzących,
   • treści powinny być skalowalne, np. umożliwiać użytkownikom powiększanie tekstu (do 200%) bez utraty funkcjonalności lub czytelności.
     
     
2. Funkcjonalność (ang. Operable):
   Strona lub aplikacja powinna być łatwa w nawigacji i obsłudze, niezależnie od sposobu interakcji użytkownika (mysz, klawiatura, urządzenia wspomagające).
   Przykłady:
   • strony muszą być w pełni dostępne dla użytkowników korzystających wyłącznie z klawiatury (np. osoby z ograniczeniami ruchowymi, które nie używają myszy),
   • strona powinna mieć logiczną i intuicyjną strukturę nawigacyjną, np. menu, spis treści, widoczne linki "przejdź do treści" (skip to content), które pozwalają szybko dotrzeć do głównej części strony,
     
   • zapewnienie wystarczającego czasu na przeczytanie i zrozumienie treści, a także na interakcję (np. brak automatycznego zamykania ważnych informacji, możliwość przedłużenia czasu wypełniania formularza itp.),
   • unikanie elementów wywołujących epilepsję, takich jak migoczące światła lub animacje.
     
     
3. Zrozumiałość (ang. Understandable):
   Zasada jest taka, jak się wydaje - użytkownicy końcowi muszą być w stanie zrozumieć zawartość strony internetowej niezależnie od ich umiejętności poznawczych, językowych czy technicznych..
   Przykłady:
   • treści powinny być napisane prostym i zrozumiałym językiem, dostosowanym do docelowych użytkowników; w razie potrzeby należy unikać żargonu lub wyjaśniać trudne pojęcia,
   • zapewnienie instrukcji dotyczących obsługi formularzy (np. w przypadku błędu walidacji formularza wskazać, którego pola dotyczy błąd i jaka jest jego przyczyna),
   • treść strony powinna być oznaczona odpowiednim atrybutem języka (np. lang="pl", lang="en"), co pozwala czytnikom ekranowym poprawnie odczytywać teksty.
     
     
4. Solidność (ang. Robust):
   Treści powinny być kompatybilne z różnymi technologiami, w tym z obecnymi i przyszłymi narzędziami wspomagającymi (np. czytnikami ekranowymi).
   Przykłady:
   • kod HTML powinien być zgodny ze standardami W3C, aby technologie wspomagające, takie jak czytniki ekranowe, mogły poprawnie interpretować strukturę strony; przykładowo należy korzystać z semantycznych znaczników HTML5, takich jak <header>, <main>, <footer>,  zamiast generować strukturę strony wyłącznie za pomocą znaczników <div>,
   • elementy interaktywne (np. przyciski, linki, formularze) powinny być dostępne dla użytkowników korzystających z technologii wspomagających, takich jak czytniki ekranowe, lupy ekranowe czy przełączniki,
     
   • należy unikać implementacji niestandardowych zachowań elementów interfejsu, takich jak przyciski, linki czy pola formularzy - one powinny działać zgodnie z ich naturalnym przeznaczeniem.