Czym jest Europejski akt o dostępności i od kiedy obowiązuje
Europejski akt o dostępności (EAA) to dyrektywa (UE) 2019/882, europejskie prawo ustalające wspólne wymogi dostępności dla szeregu produktów i usług cyfrowych. Wśród objętych nim usług wprost wymienione są usługi e-commerce skierowane do konsumentów: jeśli Państwa sklep PrestaShop sprzedaje konsumentom w Unii Europejskiej, wchodzi w zakres dyrektywy.
Kluczowa data to 28 czerwca 2025 r.: od tego dnia dyrektywa obowiązuje w odniesieniu do objętych nią usług. To nie jest przyszły termin, na który trzeba zwracać uwagę, lecz obowiązek, który już obowiązuje. We Włoszech dyrektywa została wdrożona dekretem ustawodawczym 82/2022 (D.Lgs. 82/2022), który wprowadza obowiązki europejskie do prawa krajowego.
Cel przepisu jest prosty: osoba z niepełnosprawnością wzroku, ruchową lub poznawczą musi móc przeglądać katalog, czytać karty produktów, dodawać produkty do koszyka i finalizować zakup bez barier. W przypadku sklepu internetowego przekłada się to na konkretne wymogi techniczne dotyczące motywu, treści i realizacji zamówienia.
Kogo to obejmuje, a kto jest wyłączony
Obowiązek dotyczy przedsiębiorstw oferujących usługi e-commerce konsumentom w UE. Istnieje jednak ważne wyłączenie: mikroprzedsiębiorstwa świadczące usługi są wyłączone z obowiązków dotyczących usług. Mikroprzedsiębiorstwo to firma zatrudniająca mniej niż 10 osób, której roczny obrót lub roczna suma bilansowa wynosi do 2 milionów euro.
Kilka praktycznych uwag, zanim skorzystają Państwo z tego wyłączenia:
- Muszą być spełnione oba kryteria: dotyczące zatrudnienia i finansowe. Jeśli przekroczony zostanie choćby jeden z dwóch progów, wyłączenie nie ma zastosowania.
- Wyłączenie trzeba oceniać na nowo w czasie: jeśli sklep się rozwija i przekracza progi, obowiązki zaczynają obowiązywać.
- Nawet jeśli są Państwo wyłączeni, dostępność pozostaje przewagą handlową: dostępna witryna może być używana przez większą liczbę klientów i zazwyczaj jest lepiej zbudowana także dla wszystkich pozostałych.
Co oznacza WCAG 2.1 AA w praktyce dla sklepu internetowego
Dyrektywa nie opisuje szczegółowo, jak ma być zbudowana witryna. Odniesieniem technicznym dla sieci jest norma EN 301 549, która z kolei odsyła do WCAG 2.1 poziomu AA, międzynarodowych wytycznych dotyczących dostępności treści internetowych.
Przełożone na konkretne wymogi dla sklepu PrestaShop, są to typowe obszary do objęcia:
| Wymóg WCAG 2.1 AA | Co to oznacza dla sklepu |
|---|---|
| Wystarczający kontrast | Tekst, ceny i przyciski wymagają odpowiedniego kontrastu względem tła, aby pozostały czytelne dla osób słabowidzących. |
| Nawigacja klawiaturą | Menu, filtry, koszyk i realizacja zamówienia muszą być dostępne wyłącznie za pomocą klawiatury, bez kroku, który bezwzględnie wymaga myszy. |
| Tekst alternatywny | Obrazy niosące znaczenie, zaczynając od zdjęć produktów, muszą mieć tekst alternatywny opisujący ich zawartość. |
| Widoczny fokus | Gdy użytkownik porusza się po stronie klawiszem Tab, zawsze musi być jasne, który element jest aktualnie aktywny. |
| Formularze z etykietami | Pola rejestracji, adresu i płatności potrzebują prawidłowych, właściwie powiązanych etykiet, a nie samego tekstu zastępczego. |
| Treść przyjazna czytnikom ekranu | Struktura strony musi pozwalać czytnikowi ekranu na odczytanie nagłówków, cen, wariantów produktów i komunikatów o błędach w sposób sensowny. |
Warto zwrócić uwagę na kluczową kwestię: prawie wszystkie te wymogi dotyczą motywu i treści sklepu, a nie tylko platformy. Aktualny PrestaShop to dobry punkt wyjścia, ale motyw ze słabym kontrastem lub karty produktów bez tekstów alternatywnych nadal są Państwa problemem do naprawienia.
Jak sprawdzić swój sklep
Zanim wprowadzą Państwo zmiany, warto ustalić, na jakim etapie się znajdują. Kilka kontroli można wykonać samodzielnie, bez specjalnych narzędzi:
- Wypróbować nawigację klawiaturą. Odłożyć mysz i spróbować wyszukać produkt, dodać go do koszyka i dojść do realizacji zamówienia, używając wyłącznie klawiszy Tab, Enter i strzałek. Wszędzie tam, gdzie nie da się przejść dalej, jest bariera.
- Obserwować fokus. Podczas tego samego testu sprawdzić, czy zawsze widać, który element jest wybrany. Jeśli wskaźnik fokusu znika, każdy, kto nie używa myszy, jest zagubiony.
- Przejrzeć obrazy. Otworzyć kilka kart produktów i sprawdzić, czy zdjęcia mają sensowny tekst alternatywny, a nie pusty ani nazwę pliku.
- Sprawdzić formularze. Rejestracja, logowanie, adresy i realizacja zamówienia: każde pole potrzebuje widocznej, właściwie powiązanej etykiety.
- Ocenić kontrast. Jasnoszary tekst na białym tle, przyciski ledwo odróżniające się od tła i ceny w przygaszonych kolorach to zwykli podejrzani.
- Wysłuchać witryny za pomocą czytnika ekranu. Systemy operacyjne mają go w zestawie: warto kazać mu przeczytać stronę główną i kartę produktu oraz sprawdzić, czy treść ma sens wyłącznie ze słuchu.
Należy zapisać wszystko, co się znajdzie, i rozdzielić problemy motywu, problemy treści (teksty alternatywne, etykiety, opisy) oraz brakujące funkcje dla użytkownika, takie jak możliwość zwiększenia kontrastu lub rozmiaru tekstu.
Jak pomaga moduł Pasek dostępności i asystent WCAG
W przypadku narzędzi dla użytkownika i pomocy WCAG można skorzystać z dedykowanego modułu. Pasek dostępności i asystent WCAG (EAA / WCAG 2.1 AA) dodaje do front office PrestaShop pasek dostępności, pozwalający odwiedzającym dostosować witrynę do swoich potrzeb, na przykład przez zmianę kontrastu i rozmiaru czcionki, oraz zawiera pomoce WCAG dla front office. Jest kompatybilny z PrestaShop od 1.7 do 9, więc obejmuje zarówno sklepy działające od lat, jak i nowe instalacje, i kosztuje 59,99 euro.
Jedna uczciwa uwaga, dotycząca każdego produktu tego rodzaju: żaden moduł sam w sobie nie sprawi, że witryna będzie w 100% zgodna z przepisami. Pasek dostępności realnie pomaga użytkownikom i obejmuje część wymogów, ale motyw i treść nadal wymagają pracy: podstawowy kontrast, teksty alternatywne, etykiety formularzy i struktura strony pozostają zadaniem Państwa lub Państwa programisty. Moduł należy traktować jako jeden z elementów zgodności, a nie skrót, który ją zastępuje.
W kwestii instalacji i konfiguracji poradnik modułu jest dostępny w sklepie (po włosku). Jeśli dostępność jest jednym z kilku obowiązków unijnych, które trzeba spełnić, opłaca się koszyk z wieloma modułami: rabat ilościowy naliczany jest automatycznie, 10% powyżej 150 € i 15% powyżej 250 € (minimum 2 produkty).
Najczęściej zadawane pytania
Od kiedy obowiązuje Europejski akt o dostępności?
Dyrektywa (UE) 2019/882 obowiązuje od 28 czerwca 2025 r. W przypadku usług e-commerce skierowanych do konsumentów obowiązek już więc obowiązuje.
Czy EAA dotyczy mojego sklepu PrestaShop?
Tak, jeśli sprzedają Państwo konsumentom w UE: dyrektywa wprost obejmuje usługi e-commerce skierowane do konsumentów. We Włoszech została wdrożona dekretem ustawodawczym 82/2022.
Czy małe firmy są wyłączone?
Mikroprzedsiębiorstwa świadczące usługi są wyłączone z obowiązków dotyczących usług: to firmy zatrudniające mniej niż 10 osób, których roczny obrót lub suma bilansowa wynosi do 2 milionów euro. Jeśli przekroczony zostanie jeden z progów, wyłączenie nie ma zastosowania.
Jakiej normy technicznej powinna przestrzegać moja witryna?
Odniesieniem technicznym dla sieci jest EN 301 549, która odsyła do WCAG 2.1 poziomu AA: wystarczający kontrast, nawigacja klawiaturą, teksty alternatywne, widoczny fokus, formularze z etykietami oraz treść, którą czytniki ekranu potrafią prawidłowo odczytać.
Czy moduł dostępności sprawia, że mój sklep jest zgodny z przepisami?
Nie, żaden moduł sam w sobie nie sprawia, że witryna jest w 100% zgodna z przepisami. Pasek dostępności pomaga użytkownikom i obejmuje część wymogów, ale motyw i treść sklepu nadal wymagają zadbania.
Jakie wersje PrestaShop obsługuje moduł Pasek dostępności i asystent WCAG?
Moduł jest kompatybilny z PrestaShop od 1.7 do 9 i kosztuje 59,99 euro. Dzięki automatycznemu rabatowi ilościowemu zakup razem z innymi modułami pozwala zaoszczędzić 10% powyżej 150 euro i 15% powyżej 250 euro (minimum 2 produkty).