Dostępność cyfrowa (WCAG): czym jest i od czego zacząć

Kogo dotyczy dostępność

Łatwo myśleć, że dostępność to sprawa wąskiej grupy osób. W praktyce ograniczenia mogą być:

• stałe: brak wzroku, słabe widzenie, daltonizm, głuchota, niepełnosprawność ruchowa,
• czasowe: złamana ręka, zabieg na oczy, zmęczenie,
• sytuacyjne: jedna ręka zajęta dzieckiem, słaby internet, ostre słońce, głośne otoczenie bez słuchawek.

Rozwiązania, które pomagają osobom z niepełnosprawnościami, zwykle ułatwiają życie wszystkim. Napisy w filmach oglądamy w komunikacji miejskiej, a wyraźny kontrast przydaje się na każdym telefonie.

WCAG w pigułce

WCAG (Web Content Accessibility Guidelines) to międzynarodowe wytyczne dostępności, na których opierają się przepisy w Polsce i w całej Unii Europejskiej. Są zbudowane wokół czterech zasad. Strona ma być:

1. Postrzegalna: treść da się odebrać różnymi zmysłami (teksty alternatywne obrazów, napisy do filmów, odpowiedni kontrast).
2. Funkcjonalna: wszystko da się obsłużyć z klawiatury, nic nie znika zbyt szybko, nic nie miga.
3. Zrozumiała: jasny język, przewidywalna nawigacja, czytelne komunikaty błędów w formularzach.
4. Solidna: poprawny kod, który działa z przeglądarkami i technologiami asystującymi, np. czytnikami ekranu.

Każde kryterium ma poziom: A (absolutne minimum), AA (standard, którego wymagają przepisy i do którego warto dążyć) i AAA (najwyższy, stosowany wybiórczo).

Czy to obowiązek

Dla instytucji publicznych dostępność stron jest obowiązkowa od lat. Od 28 czerwca 2025 r. obowiązują też przepisy wynikające z Europejskiego Aktu o Dostępności, które obejmują wiele firm prywatnych. Dotyczą m.in. sklepów internetowych i usług świadczonych online, takich jak rezerwacje, bankowość czy sprzedaż biletów.

Z części obowiązków zwolnione są mikroprzedsiębiorstwa świadczące usługi, ale nawet wtedy dostępność się opłaca: więcej osób może zrobić zakupy, wysłać zapytanie czy umówić wizytę. Jeśli nie masz pewności, czy przepisy dotyczą Twojej firmy, warto to sprawdzić indywidualnie.

Sprawdź swoją stronę w kwadrans

Nie zastąpi to profesjonalnego audytu, ale pokaże najczęstsze problemy:

1. Tylko klawiatura. Odłóż mysz i przejdź przez stronę klawiszem Tab. Czy widzisz, gdzie aktualnie jesteś? Czy dotrzesz do menu, formularza i przycisku „wyślij”? Czy nic Cię nie „więzi”?
2. Powiększenie 200%. Powiększ stronę w przeglądarce (Ctrl / Cmd i +). Czy tekst się nie nakłada, a menu nadal działa?
3. Kontrast. Czy jasnoszary tekst na białym tle albo napisy na zdjęciach dobrze się czyta? Pomoże darmowe narzędzie do sprawdzania kontrastu.
4. Obrazy. Czy zdjęcia niosące informację mają opis alternatywny? A ozdobniki są pomijane przez czytniki?
5. Nagłówki. Czy strona ma jeden główny nagłówek i logiczną strukturę śródtytułów, czy to tylko pogrubione akapity?
6. Formularze. Czy każde pole ma widoczną etykietę (a nie tylko podpowiedź znikającą po kliknięciu)? Czy komunikat o błędzie mówi, co poprawić?
7. Linki i przyciski. Czy da się zrozumieć, dokąd prowadzą, bez kontekstu? „Kliknij tutaj” powtórzone pięć razy niczego nie mówi.
8. Multimedia. Czy filmy mają napisy, a nic nie odtwarza się samo z dźwiękiem?

Uwaga na „szybkie rozwiązania”

Automatyczne testery są przydatne, ale wykrywają tylko część problemów. Nie ocenią, czy opis obrazka ma sens ani czy formularz da się wypełnić bez myszy. Trzeba je uzupełnić ręcznymi testami.

Ostrożnie też z nakładkami dostępności, czyli widgetami z ikoną ludzika, które obiecują „dostępność jednym skryptem”. Nie naprawiają problemów w kodzie strony, a osobom korzystającym z czytników ekranu potrafią przeszkadzać. Dostępność buduje się w kodzie i treści, a nie w doklejonym przycisku.

Od czego zacząć

1. Zrób szybki test z listy powyżej i zapisz, co znalazłeś.
2. Zleć audyt zgodności z WCAG na poziomie AA. Dostaniesz listę problemów z priorytetami i wskazówkami naprawy.
3. Napraw najpierw to, co blokuje kluczowe działania: zakup, kontakt, rezerwację.
4. Przygotuj deklarację dostępności, jeśli przepisy jej wymagają.
5. Dbaj o dostępność na bieżąco: przy każdej nowej treści, zdjęciu czy podstronie.

Lista kontrolna

• Całą stronę da się obsłużyć z klawiatury, a fokus jest zawsze widoczny.
• Tekst ma wystarczający kontrast i nie rozsypuje się po powiększeniu do 200%.
• Obrazy niosące informację mają teksty alternatywne.
• Nagłówki tworzą logiczną strukturę strony.
• Pola formularzy mają etykiety, a błędy są opisane słowami.
• Filmy mają napisy, nic nie odtwarza się samo.
• Wiem, czy przepisy o dostępności dotyczą mojej firmy.