Europejski Akt o Dostępności 2026 - wymogi dla e-commerce

Europejski Akt o Dostępności - czym jest i dlaczego dotyczy Twojego e-commerce?

Od 28 czerwca 2025 roku Europejski Akt o Dostępności (EAA, dyrektywa 2019/882) przestał być teorią - stał się obowiązującym prawem w całej Unii Europejskiej. Jeśli prowadzisz sklep internetowy, aplikację mobilną lub platformę e-commerce, te przepisy dotyczą Ciebie bezpośrednio.

W praktyce EAA oznacza jedno: produkty i usługi cyfrowe muszą być dostępne dla osób z niepełnosprawnościami. Dotyczy to nie tylko instytucji publicznych (te miały swoje regulacje od lat), ale przede wszystkim sektora prywatnego - w tym sklepów internetowych, bankowości online, platform streamingowych i terminali samoobsługowych.

Jako właściciel agencji widzę, że wielu przedsiębiorców nadal nie zdaje sobie sprawy z tego, że ich sklep może nie spełniać wymogów, które już obowiązują. A kary? Są realne i mogą być dotkliwe.

W tym artykule przeprowadzę Cię przez wszystko, co musisz wiedzieć - od tego, kogo dokładnie dotyczy EAA, przez wymagania techniczne oparte o standard WCAG, po konkretną checklistę, którą możesz wdrożyć od zaraz.

Kogo dotyczy EAA? Obowiązki dla e-commerce i usług cyfrowych

Dyrektywa 2019/882 obejmuje szeroki katalog produktów i usług. Nie chodzi wyłącznie o duże korporacje - przepisy dotyczą każdego podmiotu, który wprowadza na rynek lub świadczy usługi objęte zakresem dyrektywy, niezależnie od wielkości firmy (z wyjątkiem mikroprzedsiębiorstw zatrudniających poniżej 10 osób i o obrotach do 2 mln EUR).

Jeśli prowadzisz sklep internetowy, oferujesz usługi bankowe online, sprzedajesz e-booki lub prowadzisz platformę z treściami audiowizualnymi - EAA dotyczy Ciebie.

Usługi i produkty objęte Europejskim Aktem o Dostępności

Polska implementacja - ustawa o dostępności produktów i usług

W Polsce dyrektywę EAA wdraża ustawa z dnia 26 kwietnia 2024 r. o zapewnieniu dostępności niektórych produktów i usług przez podmioty gospodarcze. Oznacza to, że wymagania nie są „europejską abstrakcją“ - mają konkretne przełożenie na polskie prawo, polskie organy nadzoru i polskie kary.

Organem nadzoru rynku w zakresie dostępności produktów jest Prezes Urzędu Ochrony Konkurencji i Konsumentów (UOKiK), natomiast w zakresie usług - odpowiedni minister właściwy ds. informatyzacji. To realne instytucje z realnymi kompetencjami kontrolnymi.

Wymagania dostępności dla sklepów internetowych - co musisz spełnić?

EAA nie podaje gotowej listy „kliknij tu, popraw tam“. Zamiast tego odwołuje się do normy zharmonizowanej EN 301 549, a ta w obowiązującej wersji V3.2.1 przenosi wprost standard WCAG 2.1 na poziomie AA. W praktyce oznacza to, że Twój sklep internetowy musi być percepowalny, funkcjonalny, zrozumiały i solidny technicznie.

Brzmi abstrakcyjnie? Przełóżmy to na konkrety, które dotyczą każdego e-commerce.

Kluczowe obszary dostępności w e-commerce

• Nawigacja klawiaturą - cały proces zakupowy (od przeglądania produktów po finalizację zamówienia) musi być możliwy do obsłużenia bez myszy. Każdy element interaktywny wymaga widocznego fokusa.
• Kontrast i czytelność - tekst na tle musi mieć współczynnik kontrastu minimum 4,5:1 (dla dużego tekstu 3:1). Dotyczy to przycisków, etykiet formularzy, cen i opisów produktów.
• Teksty alternatywne - każde zdjęcie produktu, baner promocyjny i ikona funkcyjna potrzebują opisowego atrybutu alt. Nie chodzi o „image1.jpg“, tylko o realny opis tego, co przedstawia grafika.
• Formularze i walidacja - pola formularzy (zamówienie, rejestracja, kontakt) muszą mieć czytelne etykiety, jasne komunikaty o błędach i możliwość korekty przed wysłaniem.
• Responsywność i powiększanie - treść musi być czytelna przy powiększeniu do 200% bez utraty funkcjonalności. Układ nie może „rozjeżdżać się“ przy zmianie rozmiaru tekstu.
• Multimedia - filmy produktowe i materiały wideo wymagają napisów, a treści audio - transkrypcji. Animacje muszą mieć możliwość zatrzymania.

Proces zakupowy - gdzie najczęściej „wypadają“ użytkownicy?

W audytach e-commerce trzy etapy generują najwięcej problemów z dostępnością, niezależnie od platformy:

1. Filtrowanie i sortowanie produktów - rozwijane listy, slidery cenowe i filtry wielokrotnego wyboru rzadko działają poprawnie z czytnikami ekranu i klawiaturą.
2. Koszyk i proces checkout - dynamicznie aktualizowane elementy (zmiana ilości, kody rabatowe, wybór dostawy) często nie komunikują zmian technologiom asystującym.
3. Płatność - bramki płatnicze osadzone w iframe’ach bywają niedostępne, a CAPTCHA bez alternatywy blokuje użytkowników z niepełnosprawnościami.

Kary i sankcje za brak zgodności z EAA - co grozi Twojej firmie?

Europejski Akt o Dostępności to nie „miękka rekomendacja“. Każde państwo członkowskie UE zostało zobowiązane do wprowadzenia skutecznych, proporcjonalnych i odstraszających sankcji za naruszenie wymogów dostępności. W Polsce konkretne kary zostały zapisane w ustawie wdrażającej dyrektywę.

Warto zrozumieć mechanizm egzekwowania, bo nie chodzi tylko o jednorazową grzywnę - konsekwencje mogą być wielopoziomowe i długofalowe.

Rodzaje sankcji w polskim prawie

• Kary finansowe - organ nadzoru rynku może nałożyć karę pieniężną do 80 000 zł za brak zgodności produktu lub usługi z wymogami dostępności. W przypadku powtarzających się naruszeń kara może być wymierzana wielokrotnie.
• Nakaz wycofania produktu z rynku - jeśli produkt cyfrowy (np. aplikacja, czytnik e-booków) nie spełnia wymogów, organ może nakazać wstrzymanie sprzedaży do czasu usunięcia niezgodności.
• Nakaz zaprzestania świadczenia usługi - w skrajnych przypadkach organ nadzoru może nakazać wstrzymanie działania niedostępnej usługi cyfrowej do czasu jej dostosowania.
• Obowiązek poinformowania konsumentów - firma może zostać zobowiązana do publicznego powiadomienia o niezgodności, co niesie ze sobą ryzyko wizerunkowe.

Realny koszt ignorowania EAA - nie tylko kary

Kara finansowa to często najmniejszy problem. Prawdziwy koszt braku dostępności to suma kilku czynników, które wpływają na biznes długofalowo:

Powiem wprost: tańsze jest wdrożenie dostępności od razu niż łatanie dziur pod presją kontroli. Zaplanowana praca wchodzi w normalny cykl wydawniczy i przy okazji porządkuje szablony. Praca wymuszona wchodzi natychmiast, w środku sezonu i bez czasu na testy.

WCAG a EAA - jak spełnić wymogi techniczne w praktyce?

Europejski Akt o Dostępności nie definiuje własnych kryteriów technicznych. Zamiast tego odwołuje się do normy EN 301 549, która jest zharmonizowana z prawem unijnym i w obowiązującej wersji V3.2.1 przenosi wprost standard WCAG 2.1 na poziomie AA. To oznacza, że jeśli Twój sklep spełnia WCAG 2.1 AA - z dużym prawdopodobieństwem spełnia również wymogi EAA.

Norma jest już nowelizowana i próg pójdzie w górę: projekt V4.1.0 z listopada 2025 przenosi do niej WCAG 2.2 AA, a odniesienie do gotowej wersji V4.1.1 w Dzienniku Urzędowym UE spodziewane jest w październiku 2026. Dlatego przy każdym większym remoncie sklepu celuj od razu w 2.2 AA. Różnica to kilka kryteriów, a robota zostaje zrobiona raz zamiast dwa razy.

Ale uwaga: samo „spełnianie WCAG“ to nie jest checkbox. To proces, który wymaga zrozumienia czterech fundamentalnych zasad dostępności i ich przełożenia na konkretne elementy sklepu.

4 zasady WCAG (POUR) w kontekście e-commerce

Nowe kryteria WCAG 2.2 szczególnie istotne dla e-commerce

Te kryteria dołożyła wersja 2.2, więc formalnym wymogiem staną się dopiero z nową wersją normy. W audytach patrzę na nie mimo to, bo dotykają miejsc, w których realnie gubi się koszyk:

• Focus Not Obscured (2.4.11 AA) - fokus klawiaturowy nie może być zakrywany przez sticky headery, popupy z cookies czy chatboty. W e-commerce to częsty problem - navbar przykrywa aktywny element i użytkownik traci orientację.
• Dragging Movements (2.5.7 AA) - wszystkie akcje wymagające przeciągania (np. slidery cenowe w filtrach) muszą mieć alternatywę w postaci pojedynczego kliknięcia.
• Target Size (2.5.8 AA) - elementy interaktywne (przyciski, linki, checkboxy) muszą mieć minimalny obszar dotyku 24x24 piksele. Drobne ikonki „dodaj do ulubionych“ czy „usuń z koszyka“ często nie spełniają tego kryterium.
• Redundant Entry (3.3.7 A) - jeśli użytkownik już podał dane (np. adres dostawy), system nie powinien prosić o ponowne wpisanie tych samych informacji przy adresie rozliczeniowym.

Jak zoptymalizować sklep internetowy pod EAA? Praktyczny plan działania

Wdrożenie dostępności nie musi oznaczać przebudowy sklepu od zera. Większość rzeczy, które blokują zakup, siedzi w szablonie i w CSS, nie w silniku sklepu - etykiety pól, kontrast, obsługa klawiatury, rozmiary przycisków. Kluczem jest priorytetyzacja zmian według ich wpływu na użytkownika.

Poniżej plan działania, który stosujemy przy projektach e-commerce. Sprawdza się zarówno przy sklepach na WooCommerce i PrestaShop, jak i przy rozwiązaniach dedykowanych.

7 etapów wdrożenia dostępności w e-commerce

Quick wins - zmiany, które dają natychmiastowy efekt

Nie każda zmiana wymaga przebudowy. Oto działania, które możesz wdrożyć w ciągu tygodnia i które najszybciej poprawiają wynik dostępności:

• Dodaj opisowe alt-texty do wszystkich zdjęć produktów (nie „IMG_4523“, a „Czarna skórzana torebka damska z metalowym zapięciem“).
• Upewnij się, że wszystkie przyciski CTA (Dodaj do koszyka, Kup teraz) mają wystarczający kontrast i rozmiar minimum 24x24 px.
• Dodaj skip link „Przejdź do treści“ na początku każdej strony - to 5 minut pracy, a ogromna różnica dla osób korzystających z klawiatury.
• Sprawdź, czy komunikaty o błędach w formularzach wskazują konkretne pole i opisują, co jest nie tak (nie tylko „Wystąpił błąd“).
• Wyłącz lub ogranicz automatyczne karuzelki na stronie głównej - daj użytkownikowi kontrolę nad przewijaniem.

Najczęstsze błędy dostępności w e-commerce - i jak ich uniknąć

W audytach sklepów internetowych pewne błędy wracają niezależnie od platformy, branży i budżetu. Poniżej lista najczęstszych wraz z konkretnymi rozwiązaniami - tak, żebyś mógł od razu sprawdzić, czy dotyczą też Twojego sklepu.

Błąd 1. Brak alt-textów lub generyczne opisy zdjęć

„Zdjęcie produktu“, „image.jpg“, pusty alt - to trzy najczęstsze warianty, które spotykam. Dla osób korzystających z czytników ekranu oznacza to, że nie wiedzą, co przedstawia grafika. A w e-commerce zdjęcie produktu to często najważniejszy element decyzji zakupowej.

Rozwiązanie: Opisz każde zdjęcie produktu tak, jakbyś je opisywał telefonicznie klientowi. Kolor, materiał, kształt, kluczowy detal. Dla zdjęć dekoracyjnych użyj pustego alt (alt=“”), żeby czytnik je pominął.

Błąd 2. Niedostępne filtry i sortowanie produktów

Slidery cenowe, custom checkboxy i rozwijane listy filtrów to elementy, które wyglądają świetnie wizualnie, ale prawie nigdy nie działają z klawiaturą i czytnikami ekranu. Użytkownik z niepełnosprawnością nie jest w stanie odfiltrować produktów, co de facto blokuje mu korzystanie ze sklepu.

Rozwiązanie: Zamień slider cenowy na pola input z wartościami min/max. Upewnij się, że custom checkboxy mają role ARIA i reagują na klawisze Space/Enter. Każda zmiana filtra powinna być komunikowana przez live region.

Błąd 3. Niewidoczny lub niefunkcjonalny fokus klawiaturowy

Wielu deweloperów dodaje outline: none do CSS, bo niebieski obrys „wygląda brzydko“. Efekt? Użytkownik nawigujący klawiaturą nie widzi, który element jest aktywny. To jak poruszanie się po ciemnym pokoju bez latarki.

Rozwiązanie: Nigdy nie usuwaj outline bez zastąpienia go alternatywnym wskaźnikiem fokusa. Użyj :focus-visible w CSS, żeby fokus wyświetlał się tylko przy nawigacji klawiaturowej, a nie po kliknięciu myszą.

Błąd 4. Checkout niedostępny dla czytników ekranu

Dynamiczne formularze checkout (zmiana ilości produktów, wybór metody płatności, aktualizacja podsumowania) często nie komunikują zmian czytnikowi ekranu. Użytkownik nie wie, czy produkt został dodany, ile zapłaci, ani czy zamówienie zostało złożone.

Rozwiązanie: Dodaj atrybuty aria-live=“polite” do elementów, które aktualizują się dynamicznie (podsumowanie koszyka, komunikaty o statusie). Upewnij się, że każdy krok checkout ma czytelną strukturę nagłówków.

Błąd 5. Popup z cookies blokujący kontent

Baner cookie, który nie przechwytuje fokusa lub nie pozwala się zamknąć z klawiatury, blokuje dostęp do całej strony. To jeden z najprostszych problemów do naprawienia, a jednocześnie jeden z najczęstszych.

Rozwiązanie: Baner cookies powinien przechwycić fokus po załadowaniu strony, zamykać się na Escape i przenosić fokus z powrotem na stronę po zamknięciu. Przycisk „Akceptuję“ musi być osiągalny z klawiatury.

Błąd 6. Zbyt niski kontrast na przyciskach i cenach

Szary tekst na jasnoszarym tle, biała cena na pastelowym banerze, bladożółty przycisk „Dodaj do koszyka“ na białym tle. Modne w designie, fatalne w dostępności. Dotyczy to szczególnie cen promocyjnych, oznaczeń „Bestseller“ i przycisków drugorzędnych.

Rozwiązanie: Sprawdź kontrast każdego elementu tekstowego narzędziem WebAIM Contrast Checker. Minimum to 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu (18px+ lub 14px bold).

Co warto zapamiętać?

Większość tych błędów wynika nie ze złej woli, a z braku świadomości. Deweloperzy i projektanci rzadko testują swoje rozwiązania z klawiaturą czy czytnikiem ekranu. Jedno popołudnie testów manualnych potrafi ujawnić więcej problemów niż miesiąc automatycznych skanów.

Jeśli chcesz przejść do konkretnego planu wdrożenia, sprawdź naszą checklistę zgodności z EAA w ostatniej sekcji tego artykułu.

Checklista zgodności z EAA - krok po kroku dla e-commerce

Na koniec zostawiam Ci praktyczną checklistę, którą możesz potraktować jako punkt wyjścia do oceny Twojego sklepu. Nie zastąpi ona pełnego audytu dostępności, ale pozwoli Ci szybko zidentyfikować najważniejsze luki i ustalić priorytety działania.

Przejdź przez każdy punkt i zaznacz, czy Twój sklep go spełnia. Jeśli przy którymś masz wątpliwości - to właśnie tam warto zacząć.

Fundament techniczny

• Kod HTML jest poprawny semantycznie (walidator W3C nie zwraca krytycznych błędów).
• Strona ma poprawną hierarchię nagłówków (jeden H1 na stronę, logiczne H2-H6).
• Język strony jest zadeklarowany w atrybucie lang elementu HTML.
• Regiony strony są oznaczone semantycznie (header, nav, main, footer).
• Strona jest w pełni responsywna i czytelna przy powiększeniu do 200%.

Nawigacja i interakcja

• Cały sklep (od strony głównej po potwierdzenie zamówienia) jest obsługiwalny wyłącznie klawiaturą.
• Fokus klawiaturowy jest zawsze widoczny i nigdy nie znika za fixed/sticky elementami.
• Na stronie jest skip link „Przejdź do treści“.
• Modale, dropdowny i mega-menu zamykają się klawiszem Escape i przechwytują fokus (focus trap).
• Żaden element nie wymaga wyłącznie gestu przeciągania (drag) bez alternatywy kliknięcia.

Treści i multimedia

• Wszystkie zdjęcia produktów mają opisowe atrybuty alt (nie puste i nie generyczne).
• Grafiki dekoracyjne mają pusty alt (alt=“”) i role=“presentation”.
• Filmy produktowe mają napisy (captions), treści audio mają transkrypcję.
• Kontrast tekstu wynosi minimum 4,5:1 (3:1 dla dużego tekstu).
• Animacje i karuzelki mają przycisk pauzy lub są zatrzymywalne.

Formularze i checkout

• Każde pole formularza ma powiązaną etykietę (label for lub aria-label).
• Komunikaty o błędach wskazują konkretne pole i opisują problem.
• Użytkownik może cofnąć, poprawić lub potwierdzić dane przed finalizacją zamówienia.
• Bramka płatnicza jest dostępna (testuj również iframe dostawcy płatności).
• System nie wymaga ponownego wpisywania danych, które użytkownik już podał (redundant entry).

Dokumentacja i proces

• Na stronie jest opublikowana deklaracja dostępności z datą ostatniej aktualizacji.
• Istnieje mechanizm zgłaszania problemów z dostępnością (formularz, e-mail, telefon).
• Dostępność jest weryfikowana przy każdej większej aktualizacji sklepu.
• Zespół (deweloperzy, projektanci, content managerzy) jest przeszkolony z podstaw dostępności.

Podsumowanie - co zapamiętać z tego artykułu

EAA nie jest zapowiedzią ani branżową rekomendacją. To prawo, które działa od 28 czerwca 2025, ma polską ustawę wdrażającą i organy z realnymi kompetencjami kontrolnymi.

Wnioski w pigułce:

• Przepisy obowiązują od 28 czerwca 2025. W Polsce wdraża je ustawa z 26 kwietnia 2024, a nadzór sprawują Prezes UOKiK w zakresie produktów i minister właściwy ds. informatyzacji w zakresie usług.
• Wyłączenie dla mikroprzedsiębiorstw (poniżej 10 osób i do 2 mln EUR obrotu) nie obejmuje producentów. Sprawdź, po której stronie tej granicy stoi Twoja firma, zanim uznasz temat za nieswój.
• Próg techniczny to dziś WCAG 2.1 AA z normy EN 301 549 V3.2.1. Po nowelizacji będzie 2.2 AA, więc planując remont celuj od razu w wyższą wersję.
• Kara pieniężna sięga 80 000 zł i przy powtarzających się naruszeniach może być wymierzana wielokrotnie. Do tego dochodzi nakaz wstrzymania usługi i obowiązek publicznego poinformowania konsumentów.
• Większość barier blokujących zakup siedzi w szablonie i w CSS, nie w silniku sklepu. Zmiana platformy rzadko jest odpowiedzią.

Co dalej?

• Przejdź checklistę i zaznacz punkty, przy których masz wątpliwości - to gotowa lista startowa.
• Zrób skan narzędziem axe, WAVE albo Lighthouse i osobno przejdź całą ścieżkę zakupową samą klawiaturą. Automat pokaże błędy krytyczne, klawiatura te, których automat nie widzi.
• Ustaw kolejność poprawek według jednego kryterium: czy problem blokuje zakup. Kosmetyka może poczekać.

Dostępność psuje się cicho - wystarczy jeden deploy z nową wtyczką do koszyka. Dlatego warto wpiąć ją w proces wydawniczy, zamiast wracać do tematu raz na rok pod presją kontroli.

FAQ - najczęstsze pytania o Europejski Akt o Dostępności

Pięć pytań, które słyszymy od właścicieli sklepów po pierwszym kontakcie z tematem EAA: terminy, zakres, kary i pierwszy krok. Rozwinięcie każdego wątku masz w sekcjach powyżej.

Najwięcej wątpliwości budzi zwykle jedno: czy wyłączenie dla mikrofirm obejmuje mój sklep. Odpowiedź zależy od tego, czy jesteś wyłącznie sprzedawcą, czy również producentem - producentów wyłączenie nie obejmuje. Pytanie, którego tu nie ma? Napisz na biuro@digidraft.pl - odpisujemy w 24 h roboczych.