Ułatwienia dostępu. Europejski Akt o Dostępności (EAA) i wytyczne WCAG 2.1.

Ułatwienia dostępu to funkcje i dobre praktyki projektowe, które umożliwiają osobom z niepełnosprawnościami swobodne korzystanie ze sklepów internetowych – m.in. za pomocą klawiatury czy czytników ekranu. Od 28 czerwca 2025 roku obowiązywać będzie Europejski Akt o Dostępności, który nakłada wymóg spełnienia standardów WCAG 2.1 AA przez sklepy. Dostosowanie do tych wytycznych to nie tylko kwestia zgodności z prawem, ale także wyraz odpowiedzialności społecznej i troski o wygodę zakupów dla wszystkich klientów.

Czym są ułatwienia dostępu?

Ułatwienia dostępu (ang. accessibility features) to funkcjonalności i praktyki projektowe, które umożliwiają osobom z niepełnosprawnościami swobodne korzystanie z internetu i aplikacji. Dla e-commerce oznacza to m.in. możliwość poruszania się po sklepie za pomocą klawiatury, odczytywanie treści przez czytniki ekranu, zrozumiałe komunikaty o błędach czy opisy alternatywne dla obrazów.

Główne cele ułatwień dostępu

• Równość: Każdy użytkownik powinien mieć możliwość dokonania zakupu bez barier.
• Użyteczność: Dostępna strona jest bardziej intuicyjna dla wszystkich.
• Zgodność z prawem: w wielu krajach istnieją regulacje, które wymagają wdrażania dostępnych rozwiązań.
• Odpowiedzialność społeczna: Włączanie cyfrowe to standard nowoczesnych firm.

Czym jest Europejski Akt o Dostępności (EAA)?

Europejski Akt o Dostępności (EAA) to dyrektywa Unii Europejskiej nakładająca obowiązek zapewnienia dostępności cyfrowej dla sklepów internetowych i aplikacji. Dotyczy to m.in. strony sklepu, koszyka, płatności, banerów i formularzy. Obowiązywać on będzie od 28 czerwca 2025 roku.

Treść aktu o dostępności, można znaleźć tutaj: https://eur-lex.europa.eu/legal-content/PL/TXT/?uri=celex:32019L0882

Czym jest WCAG 2.1 AA?

WCAG (Web Content Accessibility Guidelines) to zestaw międzynarodowych standardów projektowania treści internetowych. Wersja 2.1, poziom AA, to poziom zgodności wymagany przez EAA. Obejmuje m.in.:

• jasna struktura strony,
• strony sklepu obsługiwane klawiaturą,
• poprawne nagłówki
• alty dla obrazów,
• kontrast minimum 4.5:1,
• czytelne komunikaty błędów.

Pełen zakres ułatwień można znaleźć tutaj https://www.w3.org/Translations/WCAG21-pl

Jakie zmiany zostały wykonane w naszym oprogramowaniu?

W ostatnim czasie wykonaliśmy kompleksowe dostosowanie naszego systemu do WCAG 2.1 AA dla wszystkich standardowych tematów:

• Dodanie atrybutów alt do wszystkich obrazków – zapewnienie, że obrazy mają alternatywny opis dla czytników ekranu.
• Wprowadzenie ról orientacyjnych HTML (landmark roles) – takich jak main, nav – w celu poprawy struktury dokumentu dla technologii wspomagających.
• Uzupełnienie atrybutów aria-label – dla lepszego opisu funkcji interaktywnych.
• Zwiększenie rozmiarów przycisków na banerze (następny / poprzedni) – ułatwienie nawigacji użytkownikom z ograniczoną precyzją wskazywania.
• Poprawa etykiet dla wyszukiwarki – uspójnienie i ułatwienie jej obsługi dla użytkowników korzystających z czytników ekranu.
• Eliminacja powielających się identyfikatorów (id) w kodzie HTML – poprawa zgodności z HTML i unikanie konfliktów.
• Usunięcie powielonych ról role="navigation" – eliminacja duplikatów w kodzie poprawiająca strukturę dokumentu i jego czytelność dla czytników ekranu.
• Uporządkowanie struktury nagłówków (h1-h6) – usunięcie nadmiarowych nagłówków niezgodnych z logiczną hierarchią treści.
• Poprawa składni list (<ul> i <li>) – uporządkowano elementy list w nagłówkach, aby zawierały prawidłowe znaczniki.
• Usunięcie ukrytych, nieoznakowanych linków – eliminacja linków, które nie były widoczne ani oznaczone.
• Dodanie brakujących atrybutów w linkach (<a>) – zapewnienie pełnej zgodności z wymaganiami dostępności.
• Ulepszenia formularzy związanych z procesem zamówienia i obsługą klienta – poprawa obsługi przez czytniki ekranu.
• Poprawiony kontrast elementów graficznych we wszystkich standardowych motywach sklepu – zgodnie z wytycznymi WCAG AA.
• Dodano widoczny fokus klawiatury (focus outline) dla aktywnych elementów interfejsu – ułatwienie nawigacji bez użycia myszy.
• Możliwość dodania opisu do materiałów wideo w banerach – poprawa dostępności treści multimedialnych.
• Wprowadzono pełne sterowanie menu podkategorii za pomocą klawiatury – wsparcie dla nawigacji bez myszy.
• Ulepszenia formularzy: recenzji, newslettera, zapytań produktowych, reklamacji i zwrotów – lepsza obsługa przez czytniki ekranu i klawiaturę.
• Dodatkowe usprawnienia obsługi procesu realizacji zamówienia.
• Dodanie dodatkowych opisów dla czytników do Google reCaptcha.

Więcej ostatnich zmian w oprogramowaniu można znaleźć tutaj: https://www.sote.pl/changelog

Jak samodzielnie dostosować dynamiczne treści w sklepie?

Zadbaj o dostępność i poprawną strukturę dynamicznych treści w swoim sklepie internetowym. Sprawdź, jak dodać alternatywny tekst do dodatkowych zdjęć umieszczanych za pomocą panelu administracyjnego – na przykład w opisach produktów – tak, aby były one czytelne dla osób korzystających z czytników ekranu. Dowiedz się również, jak uzupełnić baner wideo o dodatkowy opis, który umożliwi zrozumienie jego przekazu także użytkownikom z niepełnosprawnościami. W linku poniżej poruszymy także kwestie poprawnego stosowania nagłówków w opisach oraz pokażemy, jak w prosty sposób sprawdzić, czy kolorystyka Twojego sklepu spełnia wymagania kontrastu zgodne z WCAG.

https://www.sote.pl/docs/ulatwienia-dostepu

Posiadam indywidualny temat w sklepie, jak dostosować go do WCAG 2.1 AA?

Wszystkie wprowadzone przez nas zmiany dotyczą standardowych szablonów graficznych dostępnych w systemie. Jeśli jednak sklep korzysta z indywidualnie zaprojektowanego motywu, może on wymagać dodatkowego dostosowania do wymogów dostępności. W takim przypadku zapraszamy do kontaktu pod adresem office@sote.pl – przeprowadzimy szczegółowy audyt sklepu, a następnie przedstawimy listę elementów wymagających zmian wraz z wyceną ich wdrożenia.

Napisz na adres office@sote.pl

Możesz sprawdzić, czy wygląd sklepu jest dostosowany do nowych wymogów, korzystając na przykład z narzędzia: https://wave.webaim.org/

Aktualizacja

Aktualizacje dostępne są w standardzie dla wszystkich sklepów SOTESHOP 8 z usługami abonamentowymi SOTESHOP Start, Standard, PRO lub VIP. Sprawdź dokumentację aktualizacji sklepu: Dokumentacja aktualizacji

Powiązane strony

• Ostatnie zmiany w SOTESHOP
• Sztuczna inteligencja w SOTESHOP z SOTE AI
• Cennik SOTESHOP
• Sklep internetowy SOTESHOP
• Dokumentacja aktualizacji sklepu