Dostępność cyfrowa oznacza, że ze strony mogą korzystać wszyscy – także osoby niewidome i słabowidzące, niesłyszące, z ograniczeniami ruchowymi czy trudnościami poznawczymi, a także seniorzy i osoby korzystające ze strony w trudnych warunkach, np. w ostrym słońcu albo jedną ręką. Strona dostępna jest zwykle po prostu wygodniejsza dla każdego. Poniżej opisuję, od czego zacząć.
Kogo dotyczy dostępność
- **osoby niewidome** korzystają z czytników ekranu, które odczytują treść na głos,
- **osoby słabowidzące** powiększają stronę i potrzebują dobrego kontrastu,
- **osoby z ograniczeniami ruchowymi** często poruszają się po stronie wyłącznie klawiaturą,
- **osoby niesłyszące** potrzebują napisów do filmów,
- **osoby z trudnościami poznawczymi** potrzebują prostego języka i przewidywalnej nawigacji.
Standard WCAG
Podstawą są wytyczne WCAG (Web Content Accessibility Guidelines) opracowane przez W3C. Aktualna wersja to WCAG 2.2, a za standard w przepisach przyjmuje się zwykle poziom AA. Wytyczne opierają się na czterech zasadach – treść ma być:
- **postrzegalna** – np. teksty alternatywne obrazków, napisy do filmów, odpowiedni kontrast,
- **funkcjonalna** – obsługa klawiaturą, wystarczająco dużo czasu na działania, brak elementów wywołujących napady,
- **zrozumiała** – czytelny język, przewidywalne działanie, pomoc przy błędach w formularzach,
- **solidna** – poprawny kod, zgodny z technologiami wspomagającymi.
Przepisy w Polsce i UE
- **podmioty publiczne** – od 2019 roku obowiązuje ustawa o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych; strony urzędów, szkół czy szpitali muszą spełniać WCAG i publikować deklarację dostępności,
- **firmy** – od 28 czerwca 2025 roku, na podstawie europejskiego aktu o dostępności, wymagania obejmują część produktów i usług, m.in. handel elektroniczny, bankowość konsumencką i e-booki; mikroprzedsiębiorstwa świadczące usługi są z tego obowiązku zwolnione.
Nawet tam, gdzie prawo nie wymaga dostępności, opłaca się ją zapewnić – to więcej potencjalnych klientów i lepsza jakość strony.
Jak dostosować stronę – najważniejsze kroki
- **teksty alternatywne** obrazków przekazujących informację; grafiki dekoracyjne z pustym atrybutem alt – więcej w tekście o atrybucie alt,
- **kontrast tekstu** co najmniej 4,5:1 dla zwykłego tekstu,
- **nagłówki w logicznej kolejności** – czytniki ekranu pozwalają nawigować po nagłówkach,
- **obsługa klawiaturą** – każdy element da się osiągnąć klawiszem Tab, a zaznaczenie jest widoczne,
- **opisane pola formularzy** i zrozumiałe komunikaty o błędach,
- **opisowe linki** – „Pobierz cennik (PDF)” zamiast „kliknij tutaj”,
- **napisy do filmów** i transkrypcje nagrań,
- **możliwość powiększenia** strony bez utraty treści,
- **język strony** określony w kodzie, prosty język w treściach.
Dostępność a użyteczność i SEO
Wiele zasad dostępności pokrywa się z dobrymi praktykami UX/UI i SEO: teksty alternatywne pomagają wyszukiwarkom rozumieć obrazy, logiczne nagłówki porządkują treść, a czytelna struktura ułatwia robotom i użytkownikom poruszanie się po stronie. Dostępność nie jest bezpośrednim czynnikiem rankingowym, ale strona dostępna zwykle jest też lepiej zrozumiała dla wyszukiwarek.
Jak przetestować dostępność
- **narzędzia automatyczne** – Lighthouse w Chrome, WAVE, axe DevTools; wykrywają część problemów, np. brak tekstów alternatywnych czy słaby kontrast,
- **test klawiaturą** – przejdź całą ścieżkę (np. zamówienie) bez myszy,
- **czytnik ekranu** – NVDA w Windows lub VoiceOver w systemach Apple,
- **powiększenie do 200%** – czy treść nadal jest czytelna,
- **testy z użytkownikami** – najcenniejsze, bo pokazują realne bariery.
Narzędzia automatyczne nie wykryją wszystkiego. Uważaj też na nakładki „dostępności” instalowane jednym skryptem – nie naprawiają problemów w kodzie strony i nie zastępują jej dostosowania.
Od czego zacząć
Jeśli strona już działa, zacznij od testu automatycznego i testu klawiaturą na najważniejszych podstronach: stronie głównej, ofercie, formularzu kontaktowym, koszyku. Popraw najpoważniejsze bariery, a przy kolejnej przebudowie uwzględnij dostępność od etapu projektu – wtedy kosztuje najmniej. Więcej o tym, co powinien zawierać projekt strony internetowej, piszę osobno.
