UX/UI i dostępność

Dostępność cyfrowa i European Accessibility Act: co musi zrobić Twoja firma

Od 28 czerwca 2025 r. sklepy internetowe muszą być dostępne dla osób z niepełnosprawnościami. Kogo dotyczy EAA, kto jest zwolniony i co poprawić na stronie.

· zaktualizowano · 7 min czytania

28 czerwca 2025 roku zaczęły obowiązywać przepisy wynikające z europejskiego aktu o dostępności (European Accessibility Act, w skrócie EAA). W Polsce wdraża je ustawa o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług przez podmioty gospodarcze. Obejmują one między innymi sklepy internetowe sprzedające konsumentom.

W tym artykule wyjaśniamy w przystępny sposób, kogo dotyczą nowe obowiązki, kto jest zwolniony i co konkretnie trzeba poprawić na stronie. To nie jest porada prawna. Przy wątpliwościach co do Twojej sytuacji warto skonsultować się z prawnikiem.

Czym jest dostępność cyfrowa

Dostępna strona to taka, z której mogą korzystać także osoby z niepełnosprawnościami: niewidome korzystające z czytników ekranu, słabowidzące powiększające tekst, osoby niesłyszące, osoby, które nie mogą używać myszy i poruszają się po stronie klawiaturą, a także osoby z trudnościami poznawczymi.

W praktyce dostępność pomaga dużo szerszej grupie: starszym klientom, osobom korzystającym z telefonu w słońcu, użytkownikom ze słabszym internetem. Strona, z której łatwiej skorzystać, po prostu lepiej sprzedaje.

Kogo dotyczą nowe przepisy

Wymogi obejmują wybrane produkty (na przykład komputery, smartfony, terminale płatnicze, czytniki e-booków) oraz usługi świadczone konsumentom, w tym:

  • usługi handlu elektronicznego, czyli sklepy internetowe i inne serwisy, w których konsument może zawrzeć umowę online,
  • usługi bankowe dla konsumentów,
  • e-booki,
  • usługi łączności elektronicznej,
  • wybrane elementy usług transportu pasażerskiego, na przykład serwisy i aplikacje do kupowania biletów.

Najważniejsze jest tu słowo „konsument”. Sklep sprzedający wyłącznie firmom (B2B) co do zasady nie jest objęty wymogami dla usług konsumenckich.

Kto jest zwolniony

Z wymogów dotyczących usług zwolnione są mikroprzedsiębiorstwa, czyli firmy zatrudniające mniej niż 10 osób, których roczny obrót lub suma bilansowa nie przekracza 2 mln euro.

Mała firma (od 10 osób) prowadząca sklep internetowy dla konsumentów jest już objęta obowiązkami. Przepisy przewidują też okresy przejściowe dla niektórych sytuacji, na przykład umów zawartych przed 28 czerwca 2025 roku. Szczegóły warto sprawdzić w ustawie albo z prawnikiem.

Jaki standard trzeba spełnić

Przepisy opisują wymagania ogólnie: usługa ma być między innymi postrzegalna, funkcjonalna, zrozumiała i solidna. W praktyce punktem odniesienia jest norma EN 301 549, która dla stron internetowych odwołuje się do wytycznych WCAG 2.1 na poziomie AA.

Firma objęta przepisami musi też opublikować informację o tym, w jaki sposób jej usługa spełnia wymogi dostępności, na przykład w regulaminie lub na stronie.

W Polsce nad spełnianiem wymagań przez usługi czuwa Prezes Państwowego Funduszu Rehabilitacji Osób Niepełnosprawnych. Ustawa przewiduje możliwość nakładania kar pieniężnych.

Co sprawdzić na swojej stronie: lista kontrolna

Poniżej najczęstsze problemy, które spotykamy w sklepach i na stronach firmowych.

Tekst i kolory

  • Kontrast: zwykły tekst musi mieć kontrast co najmniej 4,5:1 względem tła, duży tekst 3:1. Jasnoszary tekst na białym tle to klasyczny błąd.
  • Informacja nie tylko kolorem: błąd w formularzu zaznaczony wyłącznie czerwoną ramką nie wystarczy, potrzebny jest też komunikat tekstowy.
  • Powiększanie: strona musi działać po powiększeniu tekstu do 200% i na wąskim ekranie bez przewijania w poziomie.

Obrazy i multimedia

  • Teksty alternatywne (alt) dla zdjęć produktów i grafik, które niosą informację. Ozdobniki mogą mieć pusty alt.
  • Napisy w filmach i transkrypcje nagrań, jeśli film przekazuje istotne treści.

Obsługa klawiaturą

  • Do każdego elementu, który można kliknąć (menu, filtry, przyciski, koszyk), trzeba też dotrzeć i aktywować go klawiaturą.
  • Widoczny fokus: podczas poruszania się klawiszem Tab musi być jasne, gdzie aktualnie jesteś.
  • Okna i rozwijane menu dają się zamknąć klawiszem Esc, a fokus nie „ucieka” pod nie.

Formularze i proces zakupu

  • Każde pole ma widoczną etykietę, a nie tylko podpowiedź znikającą po kliknięciu.
  • Komunikaty o błędach są zrozumiałe i mówią, jak poprawić dane. Te same zasady zwiększają liczbę wysłanych zapytań, o czym piszemy w tekście o formularzu kontaktowym, który konwertuje.
  • Cały proces zakupu, od koszyka po płatność, da się przejść czytnikiem ekranu i klawiaturą. Zwróć uwagę na elementy zewnętrzne: wybór paczkomatu, bramkę płatności, CAPTCHA. Przy wyborze dostawców warto o to zapytać, co opisujemy w poradniku o płatnościach i dostawach w sklepie.
  • Brak limitów czasu, które wylogowują w trakcie wypełniania formularza, albo możliwość ich wydłużenia.

Struktura

  • Nagłówki w logicznej kolejności (jeden H1, potem H2, H3), dzięki którym czytnik ekranu pozwala szybko przeskakiwać między sekcjami.
  • Zadeklarowany język strony.
  • Linki opisujące, dokąd prowadzą („Regulamin dostawy”), zamiast powtarzanego „kliknij tutaj”.

Test w 20 minut: sprawdź stronę samodzielnie

Pełny audyt wymaga doświadczenia, ale kilka testów wykonasz sam, bez specjalistycznej wiedzy. Wybierz stronę główną, kartę produktu i koszyk.

  1. Odłóż mysz. Przejdź przez stronę klawiszem Tab, a elementy aktywuj Enterem lub spacją. Czy widzisz, gdzie jesteś? Czy dasz radę dodać produkt do koszyka i dojść do płatności?
  2. Powiększ tekst do 200% w ustawieniach przeglądarki. Czy treść nadal się mieści, a menu i przyciski działają?
  3. Włącz czytnik ekranu. W Windows bezpłatny jest NVDA, na komputerach Apple i iPhone’ach wbudowany VoiceOver, na Androidzie TalkBack. Posłuchaj, jak czytnik odczytuje menu, przyciski i pola formularza. Ikona koszyka odczytana jako „przycisk” bez nazwy to sygnał do poprawy.
  4. Uruchom Lighthouse w Chrome i zajrzyj do sekcji „Ułatwienia dostępu”. Wynik nie jest wyrocznią, ale szybko wskaże brakujące etykiety, teksty alternatywne i słaby kontrast.
  5. Wyślij formularz z błędem. Zostaw puste pole wymagane i sprawdź, czy komunikat jest tekstowy, zrozumiały i umieszczony przy właściwym polu.

Jeśli co najmniej jeden test pokazuje problem w procesie zakupu, to dobry powód, żeby zlecić dokładniejszy przegląd.

Informacja o dostępności usługi

Przepisy wymagają, żeby firma objęta obowiązkami udostępniła informację o tym, jak jej usługa spełnia wymagania dostępności. W praktyce warto, żeby taka informacja była napisana prostym językiem i zawierała między innymi:

  • ogólny opis usługi i sposobu korzystania z niej,
  • opis rozwiązań, dzięki którym usługa jest dostępna, na przykład obsługę klawiaturą czy zgodność z czytnikami ekranu,
  • znane ograniczenia i plan ich usunięcia, jeśli takie istnieją,
  • dane kontaktowe do zgłaszania problemów z dostępnością.

Taka informacja sama w sobie nie czyni sklepu dostępnym, ale pokazuje klientom, że temat jest traktowany poważnie, i daje im drogę kontaktu. Dokładny zakres i miejsce publikacji najlepiej ustalić z prawnikiem.

Dlaczego nakładki dostępności nie wystarczą

Na rynku jest wiele widżetów, które po instalacji dodają do strony ikonkę z opcjami kontrastu i wielkości tekstu i obiecują „pełną zgodność”. Niestety nie rozwiązują one problemów w samym kodzie strony: braku etykiet, niedostępnych menu czy procesu zakupu, którego nie da się przejść klawiaturą. Osoby z niepełnosprawnościami zwykle mają własne narzędzia i potrzebują przede wszystkim dobrze zbudowanej strony.

Jak podejść do tematu w praktyce

  1. Audyt: przegląd automatyczny (narzędzia takie jak Lighthouse czy WAVE) uzupełniony testem ręcznym, w tym klawiaturą i czytnikiem ekranu. Automaty wykrywają tylko część problemów. Dostępność dobrze jest sprawdzać razem z ogólną użytecznością, tak jak opisujemy w poradniku o audycie UX strony.
  2. Lista poprawek ułożona według wpływu: najpierw proces zakupu i formularze, potem treści.
  3. Wdrożenie i ponowny test.
  4. Informacja o dostępności opublikowana na stronie.
  5. Dostępność w procesie: nowe treści, zdjęcia i funkcje od razu przygotowywane zgodnie z wytycznymi.

Przy budowie nowej strony dostępność kosztuje niewiele, bo wynika z dobrze napisanego kodu. Najdroższe są poprawki w starym sklepie opartym na motywie i wtyczkach, które nie były projektowane z myślą o dostępności.

Podsumowanie

European Accessibility Act sprawił, że dostępność przestała być miłym dodatkiem i dla wielu sklepów stała się obowiązkiem. Nawet jeśli Twoja firma jest zwolniona, warto zadbać o podstawy: kontrast, etykiety formularzy, obsługę klawiaturą i teksty alternatywne. To jednocześnie lepsze doświadczenie dla wszystkich klientów i lepszy punkt wyjścia do pozycjonowania.

Dostępność to standard w naszych projektach: nasze strony osiągają 100 punktów dostępności w Lighthouse. Zobacz, jak pracujemy przy projektowaniu UX/UI i sklepach internetowych, albo napisz do nas, jeśli chcesz sprawdzić swój sklep.

FAQ

Pytania i odpowiedzi

Nie ma tu Twojego pytania? Napisz do nas, odpowiemy w ciągu 1 dnia roboczego.

Czy European Accessibility Act dotyczy mojej strony firmowej?

Wymogi obejmują przede wszystkim usługi świadczone konsumentom, takie jak sprzedaż w sklepie internetowym czy bankowość. Strona-wizytówka bez sprzedaży online zwykle nie jest nimi objęta, ale dostępność i tak poprawia jej użyteczność i widoczność.

Czy mała firma musi spełniać wymogi dostępności?

Mikroprzedsiębiorstwa świadczące usługi (zatrudniające mniej niż 10 osób, z rocznym obrotem lub sumą bilansową do 2 mln euro) są zwolnione z wymogów dla usług. Mała i średnia firma prowadząca sklep dla konsumentów już tak.

Jaki standard trzeba spełnić?

W praktyce punktem odniesienia jest norma EN 301 549, która dla stron internetowych odwołuje się do wytycznych WCAG 2.1 na poziomie AA.

Czy wystarczy zainstalować nakładkę dostępności (widżet)?

Nie. Widżety zmieniające kontrast czy wielkość czcionki nie naprawiają problemów w kodzie strony, na przykład braku etykiet formularzy czy obsługi klawiatury. Dostępność trzeba wbudować w samą stronę.

Bezpłatna wycena

Opisz projekt, przygotujemy wycenę.

Kilka zdań wystarczy. Odpowiadamy w ciągu 1 dnia roboczego z pytaniami albo wstępną wyceną.

Wyceń projekt