Czym właściwie jest dostępność cyfrowa? Wyjaśniamy, co to jest WCAG i dlaczego Twoje NGO (i biznes) musi o nim pamiętać.

Co to jest WCAG? Definicja i historia standardu

Zacznijmy od rozwinięcia skrótu. WCAG (ang. Web Content Accessibility Guidelines) to zbiór międzynarodowych wytycznych, które określają, jak powinny być zbudowane serwisy www. Zostały one opracowane przez W3C (World Wide Web Consortium) – główną organizację międzynarodową, która czuwa nad rozwojem standardów internetowych.

Odpowiadając najprościej na pytanie „co to jest WCAG?” – to techniczna instrukcja dla twórców stron internetowych, która mówi, jak kodować i projektować witrynę, aby mogli z niej korzystać wszyscy, w tym osoby niewidome, niesłyszące, z niepełnosprawnością ruchową czy z zaburzeniami poznawczymi.

Wyobraź sobie, że strona internetowa to budynek użyteczności publicznej:

• Brak opisów zdjęć (tzw. tekstów alternatywnych) to jak brak windy dla osoby na wózku.

• Zbyt niski kontrast tekstu to jak napisanie rozkładu jazdy drobnym drukiem w ciemnym korytarzu.

• Brak obsługi klawiaturą to jak zaryglowane drzwi dla kogoś, kto nie ma siły, by nacisnąć klamkę.

WCAG 2.1 czy WCAG 2.2? Jaka wersja obowiązuje?

Na chwilę pisania artykułu obowiązującym standardem prawnym w Polsce jest zazwyczaj WCAG 2.1 na poziomie AA. Jednak w październiku 2023 opublikowano nowsze wytyczne – WCAG 2.2. Choć przepisy krajowe wciąż odwołują się głównie do wersji 2.1, nowe kryteria sukcesu zawarte w wersji 2.2 (np. ułatwienia przy logowaniu czy większe odstępy w elementach klikalnych) zapewniają znacznie lepsze dostosowanie treści cyfrowych do potrzeb użytkowników korzystających z urządzeń mobilnych. Dlatego są już standardem w nowoczesnym projektowaniu. Rekomendujemy, aby nowe projekty celowały już w zgodność z 2.2.

4 filary dostępności – na czym to polega w praktyce?

Standard opiera się na czterech solidnych filarach. Aby strona internetowa spełniała wymagania, musi zrealizować cztery główne zasady (tzw. POUR):

• Zasada 1: Postrzegalność (Perceivable): Informacje i komponenty interfejsu użytkownika muszą być podane tak, by użytkownik mógł je odebrać zmysłami (wzrokiem, słuchem lub dotykiem).

• Zasada 2: Funkcjonalność (Operable): Interfejs i nawigacja muszą być możliwe do obsłużenia (np. samą klawiaturą, bez użycia myszki).

• Zasada 3: Zrozumiałość (Understandable): Treść i obsługa interfejsu muszą być jasne, przewidywalne, a język prosty.

• Zasada 4: Solidność (kompatybilność) (Robust): Treść musi być poprawnie interpretowana przez różne oprogramowanie, w tym technologie wspomagające (czytniki ekranu).

Te cztery zasady rozwijają się w szczegółowe wytyczne techniczne. Jeśli chcesz zgłębić ten temat i poznać konkretne przykłady rozwiązań, przygotowaliśmy osobny materiał: 4 zasady dostępności cyfrowej – szczegółowe omówienie standardu POUR.

Komponenty interfejsu użytkownika – klucz do dostępności

Wspomniane wyżej komponenty interfejsu użytkownika to jeden z najważniejszych elementów w procesie wdrażania WCAG. Czym one są? To wszystkie elementy, z którymi internauta wchodzi w interakcję: przyciski, pola formularzy, menu nawigacyjne, linki czy suwaki.

Dlaczego komponenty interfejsu użytkownika są tak istotne? Ponieważ to na nich najczęściej „wykładają się” technologie asystujące. Jeśli komponenty interfejsu użytkownika nie mają etykiet tekstowych, osoba niewidoma nie wie, do czego służy dany przycisk. Jeśli elementy interfejsu są zbyt małe, osoba z drżeniem rąk w nie nie trafi. Prawidłowo zaprojektowane komponenty interfejsu użytkownika muszą mieć wyraźny stan „fokus” (obramowanie) i być dostępne z poziomu klawiatury. Bez zadbania o elementy interaktywne, spełnienie wytycznych WCAG jest niemożliwe.

Poziomy zgodności: A, AA, czy AAA?

Często pytacie nas: „Czy muszę spełniać wszystkie zasady?”. Standard WCAG dzieli się na trzy poziomy zgodności. Zrozumienie ich jest kluczowe dla spełnienia wymogów prawnych.

Poziom A (Podstawowy)

To absolutne minimum. Jeśli strona internetowa nie spełnia wymogów poziomu A, oznacza to, że dla wielu osób jest ona całkowicie bezużyteczna.

• Przykład: Stronę można obsłużyć samą klawiaturą (bez myszki). Jeśli tego brakuje, osoba z niedowładem rąk w ogóle nie skorzysta z serwisu.

Poziom AA (Zalecany i Wymagany Prawnie)

To „złoty środek” i standard obowiązujący w Polsce. Ustawa o dostępności cyfrowej wymaga od podmiotów publicznych i NGO realizujących zadania publiczne właśnie poziomu AA. Wymaga on spełnienia wszystkich zasad z poziomu A, plus dodatkowych ułatwień.

• Przykład: Tekst ma odpowiednio wysoki kontrast względem tła, aby był czytelny dla osób słabowidzących, a filmy posiadają napisy dla niesłyszących.

Poziom AAA (Najwyższy)

To poziom mistrzowski, przeznaczony dla serwisów ściśle dedykowanych osobom z niepełnosprawnościami. Poziom AAA jest trudny do osiągnięcia dla zwykłych stron wizytówkowych.

• Przykład: Wszystkie materiały wideo są tłumaczone na język migowy, a użytkownik strony internetowej ma możliwość bardzo zaawansowanej personalizacji wyglądu tekstu.

Prawo a dostępność: Europejski Akt o Dostępności (EAA)

Do niedawna temat dostępności dotyczył głównie sektora publicznego. Jednak Europejski Akt o Dostępności (EAA), który w pełni wszedł w życie w czerwcu 2025 roku, zmienił zasady gry. Rozszerzył on obowiązek dostępności na kluczowe sektory prywatne.

Warto jednak wiedzieć, że EAA nie dotyczy każdej strony wizytówkowej małej firmy. Przepisy precyzują konkretne produkty i usługi, które muszą być dostępne. Należą do nich przede wszystkim:

• Handel elektroniczny (e-commerce): Wszystkie sklepy internetowe muszą być dostępne (dotyczy to procesu zakupowego, identyfikacji, płatności).

• Usługi bankowości detalicznej: Strony banków i aplikacje mobilne.

• Usługi transportowe: Strony przewoźników (np. kupno biletów autobusowych, kolejowych, lotniczych).

• Książki elektroniczne (e-booki): Oraz oprogramowanie do ich odczytu.

• Sprzęt komputerowy i terminale: W tym bankomaty, wpłatomaty i biletomaty.

Jeśli prowadzisz działalność gospodarczą w jednym z tych obszarów, zgodność stron internetowych z EAA jest Twoim nowym obowiązkiem, a brak wdrożenia standardów może wiązać się z sankcjami.

Kto musi wdrażać WCAG? Podsumowanie obowiązków

W zależności od tego, kim jesteś, podlegasz pod inne przepisy. Sytuacja w 2026 roku wygląda następująco:

Sektor Publiczny i NGO (Grantobiorcy)

Tutaj obowiązuje ustawa z dnia 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych. Dotyczy ona:

• Urzędów, szkół, przedszkoli, uczelni.

• Organizacji pozarządowych (NGO), które realizują zadania publiczne finansowane z udziałem środków publicznych (dotacje, granty).

Konsekwencje: Konieczność zwrotu dotacji, kary finansowe, wykluczenie z przyszłych konkursów.

Sektor Prywatny (Biznes i E-commerce)

Tutaj obowiązują przepisy wdrażające Europejski Akt o Dostępności. Dotyczy przedsiębiorców oferujących produkty i usługi wymienione w sekcji wyżej (sklepy internetowe, banki, transport).

Wyjątki: Z niektórych obowiązków (dotyczących usług, ale nie produktów) mogą być zwolnione mikroprzedsiębiorstwa, jednak warto to skonsultować z prawnikiem. Niezależnie od prawa – dostępność po prostu się opłaca, bo otwiera Twój biznes na 20% więcej klientów.

WCAG AI – Sztuczna inteligencja a dostępność

Coraz częściej słyszy się o WCAG AI, czyli wykorzystaniu sztucznej inteligencji do poprawy dostępności. Na rynku pojawiają się „magiczne nakładki” (overlays), które obiecują załatwienie sprawy jednym kliknięciem. Ostrzegamy: automatyczne rozwiązania często nie zapewniają pełnej zgodności. Technologie obsługujące dostępność często gryzą się z takimi nakładkami. AI jest świetnym wsparciem w generowaniu tekstów alternatywnych czy transkrypcji, ale nie zastąpi rzetelnego audytu i poprawnego kodu.

Jakie elementy strony najczęściej wymagają poprawy?

Jeśli zastanawiasz się, czy Twoja obecna strona jest dostępna, zwróć uwagę na te elementy. To najczęstsze błędy:

1. Linki typu „kliknij tutaj” – użytkownik korzystający z czytnika ekranu słyszy wyrwane z kontekstu hasło „kliknij tutaj” i nie wie, dokąd ono prowadzi.

   • Źle: Aby pobrać sprawozdanie, kliknij tutaj.

   • Dobrze: Pobierz sprawozdanie finansowe za 2024 rok.

2. Tekst na zdjęciach – wrzucanie skanów pism lub plakatów jako obrazków (bez wersji tekstowej obok) sprawia, że treść jest niewidoczna dla robotów Google i osób niewidomych.

3. Zbyt mały kontrast – szary tekst na białym tle może wyglądać elegancko, ale dla seniora lub osoby słabowidzącej jest nieczytelny.

4. Niewłaściwa struktura nagłówków – używanie nagłówków (H1, H2, H3) tylko dlatego, że „chcę, żeby tekst był większy”. Nagłówki to spis treści dla czytników ekranu. Muszą iść w logicznej kolejności.

5. Formularze bez etykiet – puste pola do wpisania danych w formularzu kontaktowym lub darowizny. Widzący domyśli się, że pierwsze to „Imię”, a drugie „Email”. Osoba niewidoma usłyszy tylko „pole edycyjne” i nie wie, co tam wpisać.

6. Slajdery (karuzele) bez pauzy – zdjęcia, które same się przesuwają i nie da się ich zatrzymać. To koszmar dla osób, które wolniej czytają, oraz dla osób z zaburzeniami koncentracji.

7. Brak napisów w filmach – wrzucasz relację z akcji na Facebooka lub stronę? Jeśli nie dodasz napisów, wykluczasz osoby głuche, ale też wszystkich, którzy oglądają filmy w biurze lub autobusie bez dźwięku.

Jak sprawdzić, czy moja strona jest dostępna?

Na rynku istnieje wiele darmowych narzędzi, które pozwalają na wstępny audyt dostępności, takich jak WAVE czy Lighthouse. Pamiętaj jednak, że automatyczne testy wykrywają tylko ok. 30-40% błędów. Pełną listę narzędzi i instrukcję krok po kroku znajdziesz w naszym poradniku: Jak sprawdzić dostępność cyfrową strony?.

Dostępność cyfrowa to proces, nie jednorazowa akcja

Wdrożenie standardu WCAG to zadanie dla programistów na etapie budowy strony, ale utrzymanie dostępności zależy już od Was – osób redagujących treści.

Nie wiesz, czy Twoja strona spełnia wymogi? Planujesz stworzyć nowy serwis dla swojej organizacji i chcesz mieć pewność, że będzie zgodny z prawem?

W naszej pracy na co dzień łączymy wiedzę programistyczną z wymogami III sektora oraz biznesu. Sprawdź naszą ofertę stron internetowych dla fundacji i stowarzyszeń i zobacz, jak możemy pomóc Twojej organizacji stać się dostępną dla wszystkich.