Zgodnie z Europejskim Aktem Dostępności od 28 czerwca 2025 WCAG ma być standardem. Czy Twój sklep jest na to gotowy? Jeśli nie jesteś pewie, audyt dostępności WCAG 2.2 AA jest dla Ciebie.
W Selly wprowadzamy nową usługę kompleksowego dostosowania sklepu do wytycznych WCAG 2.2 na poziomie AA. Sprawdź, jak wygląda nasz przykładowy raport i wyeliminuj bariery za pomocą nowego wdrożenia.
Czym jest i dlaczego WCAG jest kluczowe dla Twojego biznesu?
Web Content Accessibility Guidelines (WCAG) to międzynarodowy standard, który określa, jak tworzyć strony internetowe dostępne dla wszystkich, niezależnie od sprawności fizycznej czy technologicznych ograniczeń. Jeśli chcesz poczytać o nim więcej zapraszam Cię do naszego wpisu o WCAG w e-commerce, w którym dowiesz się m.in. jakie są zasady dostępności oraz co oznaczają cyferki przy nazwie 😉
Dlaczego powinieneś wdrożyć WCAG 2.2?
Dzięki WCAG 2.2:
- dotrzesz do szerszej grupy klientów,
- poprawisz SEO,
- zwiększysz konwersję,
- będziesz miał dostępny sklep internetowy dla wszystkich.
Z kolei z perspektywy odbiorców Twojego sklepu WCAG 2.2 AA umożliwia im:
- łatwiejsze korzystanie z Twojego sklepu przez osoby niewidome i niedowidzące,
- pełną obsługę sklepu za pomocą klawiatury,
- większą zrozumiałość nawigacji,
- dostęp do treści multimedialnych (również dla osób niesłyszących),
- wygodę w nietypowych sytuacjach (np. z dzieckiem na ręku, kiedy odbiorca chce obejrzeć wideo w miejscu publicznym bez słuchawek, czy w momencie słabszego łącza internetowego, w którym dzięki nowemu standardowi WCAG 2.2 teksty alternatywne załadują się szybciej niż ciężkie grafiki.
W Selly rozumiemy te potrzeby, dlatego chcemy zaoferować Ci usługę dostosowania Twojego sklepu do aktualnych wytycznych. Cały audyt WCAGowy oparty jest na naszej autorskiej i sprawdzonej checkliście, która gwarantuje kompleksowe i skuteczne wdrożenie.
Jak wygląda przykładowe wdrożenie?
Aby pokazać Ci, jak w praktyce wygląda nasza usługa, poniżej znajdziesz raport z wdrożenia standardu WCAG 2.2 AA dla sklepu premium3.e-store.pl.
Weryfikacja zakończyliśmy w lipcu 2025 roku.
Zakres prac i metodologia WCAG 2.2
Nasze działania obejmowały kompleksowy przegląd szablonów sklepu internetowego.
W ramach prac:
- Przeprowadziliśmy analizę dostępności przy użyciu specjalistycznych narzędzi, takich jak axe DevTools, PageSpeed Insights (w sekcji dostępności) oraz WebAIM Contrast Checker.
- Wykonaliśmy manualne testy zgodności z czytnikami ekranu (NVDA).
- Przetestowaliśmy nawigację za pomocą samej klawiatury.
- Zweryfikowaliśmy poprawność struktury HTML i zastosowanie atrybutów ARIA.
- Wprowadziliśmy niezbędne poprawki w kodzie HTML, JS oraz stylach CSS.
Wdrożone działania dostępności cyfrowej
Zgodnie z naszą checklistą, wdrożyliśmy następujące usprawnienia:
- ALT-y do obrazów: Dodaliśmy brakujące teksty alternatywne do banerów, logo i miniaturek produktów.
- Kontrast tekstu: Sprawdziliśmy kontrasty w narzędziach i zaplanowaliśmy niezbędne poprawki stylistyczne.
- Nagłówki H1-Hx: Uporządkowaliśmy strukturę nagłówków na stronie, eliminując błędy w ich kolejności.
- Slider swiper: Dodaliśmy odpowiednie atrybuty, takie jak slideRole: listitem, keyboard: true oraz aria-label dla paginacji.
- Formularze: Uzupełniliśmy atrybuty aria-label, label i aria-labelledby w polach formularzy i filtrach.
- Obsługa klawiaturą: Sprawdziliśmy i poprawiliśmy dostępność kluczowych elementów interaktywnych.
- Elementy interaktywne: Usunęliśmy outline: 0 z logo i przycisków, aby zapewnić widoczność fokusu.
- Mapa/iframe: Dodaliśmy atrybut title do ramki iframe zawierającej mapę.
- Filmy reprezentacyjne: Dodaliśmy atrybuty aria-hidden=”true” oraz role=”presentation”, aby ukryć je przed czytnikami ekranu.
Wyniki przed i po wdrożeniu WCAG 2.2 AA
Efekty naszej pracy najlepiej obrazują wyniki testów automatycznych, które pokazują liczbę błędów przed i po wdrożeniu poprawek.
Strona główna – przed 129 błędów, po 0 błędów
Strona kategorii „Moda” – przed: 185 błędów, po 0 błędów
Karta produktu – przed 112 błędów, po 0 błędów
Strona koszyka – przed: 94 błędy, po 0 błędów
Podsumowanie i dodatkowe informacje z raportu WCAG 2.2 AA
Kilka spraw technicznych, dla osób głodnych wiedzy.
Wszystkie kluczowe elementy serwisu zostały dostosowane do wymogów dostępności WCAG 2.2, co potwierdziły testy automatyczne. Jak widzisz, po wdrożeniu nie wykazały już żadnych błędów. Dodatkowo przeprowadziliśmy testy manualne z użyciem klawiatury i czytników ekranu.
Podsumowując, nasza weryfikacja była zgodna z wytycznymi WCAG 2.2 AA. W ocenie uwzględniliśmy również elementy nieaktywne, np. wieloetapowy koszyk. Niektóre poprawki, np. dotyczące pop-upu cookies, czekają na wdrożenie po stronie dostawców zewnętrznych skryptów.
Ważna informacja: Zalecamy przeprowadzanie cyklicznych testów co 6-12 miesięcy lub po każdej większej aktualizacji szablonu sklepu!
Chcesz, aby Twój sklep był dostępny? Skontaktuj się z nami!
Jesteś gotów, aby otworzyć swój sklep na wszystkich klientów i spełnić wymogi prawa? Polecamy Ci nasz audyt dostępności WCAG 2.2 AA.
Jak się umówić na audyt?
Jeśli chcesz mieć dostępny cyfrowo sklep masz dwie opcje:
- Jesteś już klientem Selly? Wyślij do nas wiadomość bezpośrednio z panelu administracyjnego swojego sklepu, przechodząc do menu KONTO / Zgłoszenia. W treści zgłoszenia poinformuj nas o chęci skorzystania z płatnej usługi wdrożenia WCAG.
- Nie masz jeszcze sklepu w Selly? No to widzisz. To doskonała okazja, aby nas przetestować! Załóż darmowy sklep demo, a następnie skontaktuj się z naszym superbohaterskim działem wsparcia, aby omówić szczegóły wdrożenia dostępności WCAG 2.2 AA w Twoim przyszłym sklepie internetowym.
No i najważniejsze – nie czekaj, aż konkurencja Cię wyprzedzi. Zadbaj o dostępność z naszym Selly!
A jeśli wpis ten pomógł Ci rozeznać, czym są wymogi prawne WCAG, zachęcam Cię do zaglądnięcia do wpisu o danych strukturalnych schema, czyli, jak wspierają klientów oraz wyszukiwarki.
Julianna Krzyszczyk
SEO copywriter
WCAG 2.2 AA – najczęściej zadawane pytania o dostępność cyfrową
Najnowszym opublikowanym i oficjalnie zalecanym standardem dostępności cyfrowej jest WCAG 2.2, który został wydany 5 października 2023 roku.
Wytyczne WCAG (Web Content Accessibility Guidelines) zostały stworzone przez organizację World Wide Web Consortium (W3C). W3C to międzynarodowa organizacja, która ustanawia standardy dla sieci WWW (w tym dla języków takich jak HTML i CSS).
Usługa obejmuje kompleksowy przegląd i modyfikację szablonów Twojego sklepu internetowego. W ramach prac realizujemy szereg działań, w tym: wprowadzamy poprawki w kodzie HTML, JS oraz w stylach CSS. Dodajemy brakujące teksty alternatywne (tzw. „alty”) do obrazów, banerów i logo. Porządkujemy strukturę nagłówków (H1-Hx) na stronie. Zapewniamy pełną obsługę kluczowych elementów za pomocą klawiatury. Dostosowujemy formularze, filtry i elementy interaktywne (np. slidery), dodając odpowiednie etykiety i atrybuty ARIA. Dbamy o widoczność fokusu (obramowania aktywnego elementu) na elementach klikalnych.
WCAG 2.2 to po prostu nowsza, zaktualizowana wersja standardu WCAG 2.1. Dodano kilka nowych zasad, które ułatwiają korzystanie z internetu, np. powiększając minimalny rozmiar klikalnych przycisków i zakazując zasłaniania ważnych elementów przez inne okna.
Celem naszego audytu jest wyeliminowanie wszystkich błędów dostępności w szablonach Twojego sklepu. Przykładowe wdrożenia pokazują, że na kluczowych stronach (głównej, kategorii, produktu, koszyka) liczba błędów w testach automatycznych została zredukowana do zera.
Pamiętaj jednak, że o pełną dostępność trzeba dbać i ją aktualizować.
Niestety nie. Świat cyfrowy stale się zmienia, podobnie jak Twój sklep. Dlatego
rekomendujemy przeprowadzanie cyklicznych testów dostępności co 6-12 miesięcy lub po każdej większej aktualizacji.