Dostępność cyfrowa – EAA i WCAG 2.2. Przygotuj swój e-commerce na nowe regulacje prawne

Co musisz wiedzieć przed 28 czerwca 2025 r. i dlaczego nie warto zwlekać z audytem dostępności? Tego dowiesz się z tego artykułu.

Dostępność cyfrowa to nie tylko kwestia społecznej odpowiedzialności, ale coraz częściej – wymóg prawny i biznesowy. Od 28 czerwca 2025 r. zaczyna obowiązywać w Polsce i całej Unii Europejskiej Europejski Akt o Dostępności (EAA), który wymaga od firm – w tym sklepów internetowych – dostosowania serwisów i aplikacji do potrzeb osób z różnymi ograniczeniami (np. wzrokowymi, ruchowymi, poznawczymi).

Dla właścicieli e-sklepów to oznacza m.in. konieczność:

• zapewnienia odpowiedniego kontrastu i powiększalności treści,
• udostępnienia alternatywnych opisów grafik (tekstów ALT),
• umożliwienia obsługi strony bez użycia myszy,
• i ogólnego przemyślenia architektury informacji pod kątem dostępności.

Czym jest WCAG i co oznacza dla Twojego sklepu internetowego?

WCAG (Web Content Accessibility Guidelines) to zestaw międzynarodowych wytycznych dotyczących dostępności cyfrowej dla treści internetowych. Obecnie najnowszą wersją jest WCAG 2.2, która stanie się obowiązkową podstawą techniczną dla zgodności z EAA od połowy 2025 roku.

Dostępność cyfrowa – wytyczne WCAG oparte są na 4 kluczowych zasadach:

1. Postrzegalność – użytkownik musi być w stanie zobaczyć lub usłyszeć treść (np. alternatywy dla obrazów, możliwość zmiany rozmiaru tekstu).
2. Funkcjonalność – strona musi być obsługiwana z różnych urządzeń (np. klawiatura, czytnik ekranu).
3. Zrozumiałość – treści muszą być jasne i intuicyjne.
4. Solidność – strona działa poprawnie z różnymi technologiami asystującymi.

Europejski Akt o Dostępności (EAA) – nowe obowiązki od 28.06.2025 r.

EAA (European Accessibility Act) to dyrektywa unijna, której celem jest zapewnienie lepszej dostępności produktów i usług cyfrowych. W Polsce obowiązuje od 2023 r., ale pełna egzekwowalność przepisów zaczyna się 28 czerwca 2025 r. Od tej daty wszystkie nowe rozwiązania cyfrowe muszą być zgodne z normą EN 301 549 (czyli praktycznie z WCAG 2.2).

Kogo dotyczy EAA?

• Sklepów internetowych i marketplace’ów
• Operatorów aplikacji mobilnych i systemów zakupowych
• Usług e-płatności i e-faktur
• Platform sprzedaży produktów i usług online, które są skierowane do konsumentów w UE

Co ważne, nawet jeśli nie planujesz redesignu sklepu, każda „istotna zmiana” interfejsu po czerwcu 2025 może oznaczać konieczność spełnienia standardów dostępności.

Co oznacza określenie „istotna zmiana”?

To np. zmiana layoutu sklepu, zmiana platformy e-commerce, migracja na nowy system CMS czy integracja z nowymi modułami (np. konfiguratorami produktów).

Wyjątki – EAA nie obejmuje mikroprzedsiębiorstw (czyli firm zatrudniających mniej niż 10 osób i z obrotem rocznym poniżej 2 mln euro). Wyłączenie nie oznacza jednak, że nie warto wdrażać dostępności – to nadal silny atut konkurencyjny i SEO-friendly UX.

Polski Akt o Dostępności (PAD) – kogo dotyczy w e-commerce?

Polski Akt o Dostępności to ustawa krajowa, która zobowiązuje podmioty publiczne, a także te świadczące dla nich usługi lub produkty, do zapewnienia dostępności cyfrowej i architektonicznej.

Co to oznacza dla e-commerce?

Jeśli Twój sklep lub marka realizuje dostawy do instytucji publicznych lub przetargi/sprzedaż dla szkół, urzędów, jednostek samorządowych, to obowiązują Cię przepisy PAD oraz konieczność wdrożenia WCAG (minimum 2.1 AA).

Nieprzestrzeganie zasad może skutkować wykluczeniem z postępowań oraz ryzykiem skargi do Rzecznika Praw Obywatelskich.

WCAG 2.2 – co się zmienia względem WCAG 2.1?

Nowa wersja WCAG 2.2 wprowadza 9 dodatkowych kryteriów sukcesu (łącznie 58 w poziomie AA), które szczególnie wspierają dostępność cyfrową w zakresie:

• Użytkowników mobilnych (np. nowe wymagania dotyczące wielkości elementów dotykowych),
• Osoby z trudnościami poznawczymi (np. brak automatycznego wylogowania bez ostrzeżenia),
• Lepszą obsługę nawigacji klawiaturą i czytnikami ekranów.

W e-commerce szczególnie istotne są:

• Focus not obscured – elementy aktywne nie mogą zasłaniać fokusu klawiatury,
• Dragging movements – przeciąganie (drag & drop) musi mieć alternatywę dla osób z ograniczeniami manualnymi.
  

Dostępność cyfrowa jako element strategii e-commerce

Wdrożenie zasad dostępności nie powinno być jednorazowym działaniem. Warto potraktować ją jako stały element strategii UX i rozwoju sklepu internetowego, podobnie jak SEO czy mobile first design.

Co zyskasz, inwestując w dostępność?

• Większą konwersję – dostępna strona jest łatwiejsza w obsłudze i bardziej przejrzysta, również na urządzeniach mobilnych.
• Większy zasięg, lepszy UX i użyteczność strony dla osób starszych, z wadami wzroku, z trudnościami poznawczymi itp. Szacuje się, że 1 na 4 użytkowników w UE ma ograniczenia funkcjonalne.
• Lepsze pozycjonowanie (SEO) – struktura HTML zgodna z WCAG jest lepiej rozumiana przez roboty Google.
• Zgodność z przepisami prawa krajowego i unijnego.
• Przewagę konkurencyjna i zaufanie klientów, które będą trudne do nadrobienia dla innych.
• Przygotujesz się do rozwoju cross-border (np. wymagania dostępności w Niemczech, Francji, Skandynawii są wyższe niż w Polsce).

Jak wygląda audyt dostępności sklepu internetowego?

Dostępność cyfrowa nie jest dodatkiem – to konkretna jakość, którą można rzetelnie zmierzyć, zdiagnozować i poprawić. Dlatego podstawą prac jest audyt dostępności WCAG 2.2, który pozwala zidentyfikować błędy i ryzyka prawne oraz zaplanować działania naprawcze zgodnie z EAA i krajowymi regulacjami.

Pakiet podstawowy – szybki i trafny przegląd dostępności

Czas realizacji: ok. 3 dni roboczych
Rekomendowany dla sklepów, które chcą poznać swój poziom dostępności i szybko wyeliminować najpoważniejsze błędy.

1. Wstępna analiza

• Krótkie spotkanie z klientem (brief)
• Zrozumienie funkcji i celów serwisu, kluczowych grup docelowych i priorytetów biznesowych
• Identyfikacja głównych typów użytkowników (np. osoby z niepełnosprawnością wzroku, słuchu, ruchu)
• Wybór kluczowych podstron do audytu (np. strona główna, produkt, kategorie, checkout, formularz kontaktowy)

2. Ocena techniczna frontendu

• Sprawdzenie atrybutów dostępnościowych (aria-label, alt, role, itp.)
• Analiza kontrastu kolorów, skalowalności czcionek, widoczności elementów UI
• Ocena semantyki HTML – nagłówki, tytuły, etykiety, opisy linków
• Identyfikacja elementów migających, animacji i pułapek nawigacyjnych

3. Testy automatyczne – szybka diagnostyka

Z użyciem narzędzi takich jak:

• np. axe DevTools, WAVE, Pa11y, Google Lighthouse, Eye-Able, FreeAccessibilityChecker, AccessibilityChecker.org
• narzędzia do analizy kontrastu i walidatory kodu HTML

Weryfikowane elementy:

• Brak opisów alternatywnych dla grafik i ikon
• Nieprawidłowa kolejność tabulacji
• Niewłaściwe użycie nagłówków i tytułów stron
• Zbyt niski kontrast, błędy w atrybutach ARIA
• Elementy nieobsługiwane z klawiatury

4. Testy manualne (symulacja zachowań użytkownika)

• Obsługa formularzy, menu i modalów
• Przechodzenie między sekcjami nagłówkami
• Sprawdzenie widoczności oraz jednoznaczności przycisków i komunikatów

5. Ocena treści

• Analiza zrozumiałości tekstów (B1/B2), jasności języka, CTA i hierarchii treści
• Weryfikacja alternatywnych opisów grafik
• Ocena dostępności multimediów (np. czy filmy mają napisy, audiodeskrypcję)

Co otrzymuje klient?

• Szczegółową listę kontrolną zgodności z WCAG 2.1 AA – podzieloną według 4 zasad POUR (Perceivable, Operable, Understandable, Robust),
• Ocenę każdego kryterium jako: zgodne / częściowo zgodne / niezgodne,
• Przykłady naruszeń oraz konkretne rekomendacje naprawcze (techniczne i redakcyjne),
• Raport w formacie PDF – do wewnętrznych działań lub raportowania zgodności,
• Konsultację z ekspertem.
  

Pakiet rozszerzony – pełna diagnoza i plan naprawczy

Czas realizacji: 5–7 dni roboczych
Rekomendowany dla e-commerce (B2C i B2B) chcących uzyskać pełną zgodność z EAA.

Zawiera wszystko z pakietu podstawowego oraz dodatkowo:

1. Testy dostępności bez myszy i z czytnikami ekranu

• Pełna obsługa interfejsu tylko za pomocą klawiatury (Tab, Enter, Esc),
• Testy z czytnikami ekranu:
  • NVDA (Windows)
  • VoiceOver (macOS, iOS)
  • TalkBack (Android)
• Testowanie modalnych okienek, formularzy, dropdownów, komponentów UI

2. Głęboka analiza treści długich

• Ocena języka pod kątem zrozumiałości dla osób z ograniczeniami poznawczymi
• Przegląd komunikatów błędów, podpowiedzi formularzy, powiadomień

3. Raport końcowy i plan działań naprawczych

• Streszczenie kluczowych problemów – dla zespołu zarządzającego,
• Lista błędów podzielona na: techniczne / treściowe / UX/UI
• Rekomendacje z priorytetyzacją (quick wins vs. działania rozwojowe)
• Wskazanie odpowiedzialności: frontend / backend / content / design
• Przykłady prawidłowej implementacji (screeny, kody)
• (Opcjonalnie) nagranie symulacji działania strony z czytnikiem ekranu
• Wskazówki, co klient może poprawić samodzielnie, a co wymaga prac technicznych

4. Szkolenie / warsztat dla zespołu klienta (opcjonalnie)

• Interaktywny warsztat online (2–3 godziny)
• Podstawy dostępności, WCAG i dobre praktyki w codziennej pracy
• Ćwiczenia na przykładach z serwisu klienta
• Praca z komponentami WCAG-ready

Podsumowanie i kolejne kroki

Dostępność cyfrowa przestaje być „miłym dodatkiem” – staje się wymogiem prawnym i standardem rynkowym. Im wcześniej podejmiesz działania, tym większy spokój i przewagę zyskasz w 2025 roku i kolejnych latach. Pamiętaj, że dbanie o dostępność możesz zacząć od razu i wprowadzać ją małymi krokami.

Co sklepy internetowe mogą robić samodzielnie?

Nawet bez wsparcia zewnętrznej agencji, właściciele sklepów mogą wdrożyć wiele działań.

Minimum, które można zrobić od razu:

• Dodaj alternatywne teksty (alt) do grafik, banerów i ikon.
• Zapewnij odpowiedni kontrast kolorów (np. tekst na tle banera).
• Uporządkuj nagłówki (H1–H6) – poprawia to nawigację i SEO.
• Zadbaj o logiczny układ tabulacji (kolejność elementów po Tab).
• Stosuj czytelny język – krótkie zdania, proste słowa bez żargonu.
• Dodaj przyciski „Przejdź do treści głównej” (skip linki).
• Upewnij się, że wszystkie funkcje działają bez użycia myszy.
• Przetestuj sklep z użyciem czytnika ekranu (np. darmowego NVDA).

Warto też:

• Przygotować deklarację dostępności (nawet jeśli nie jest wymagana prawnie – to sygnał otwartości).
• Przeprowadzić miniaudyt co kwartał (np. z użyciem Lighthouse).
• Szkolić swój zespół (zwłaszcza osoby od UX, treści i frontendu).
• Wybierać szablony i komponenty, które deklarują zgodność z WCAG

Chcesz sprawdzić, czy Twój sklep spełnia wymagania WCAG 2.2 i EAA?

Zamów bezpłatną konsultację audytu dostępności. Pomożemy Ci określić zakres działań i przygotować sklep na nadchodzące zmiany.