Zdjęcie do “Wdrożenie zmian WCAG w sklepie internetowym ”.

Wdrożenie zmian WCAG w sklepie internetowym

10 - 07 - 2025

Wdrożenie zmian WCAG w sklepie internetowym – dlaczego to ważne i jak to zrobić? 

 

W ostatnim czasie wiele sklepów internetowych stanęło przed wyzwaniem dostosowania swoich stron do wymogów ustawy WCAG (Web Content Accessibility Guidelines). Jest to zbiór międzynarodowych wytycznych, które określają, jak tworzyć strony internetowe i aplikacje, aby były dostępne dla osób z różnymi rodzajami niepełnosprawności, czyli zapobiegać jakiejkolwiek dyskryminacji w sektorze sprzedażowym. W efekcie zmiany te mają na celu uczynienie coraz bardziej popularnych, jeśli nie powszechnych, zakupów online, bardziej dostępnymi dla wszystkich użytkowników Internetu.

Podążając za słusznością powyższych idei, w naszym sklepie wdrażamy zatem te udogodnienia, czując podekscytowanie z bycia częścią zmieniania świata na lepszy dla naszych Klientów. 

W tym artykule wyjaśniamy, na czym polega WCAG, dlaczego warto wdrożyć te zmiany i jak to zrobiliśmy u nas. 

WCAG (Web Content Accessibility Guidelines) to zbiór wytycznych dotyczących dostępności cyfrowej, opracowanych przez organizację W3C. Ich celem jest zapewnienie, że treści internetowe są dostępne dla osób z różnymi rodzajami niepełnosprawności, w tym: 

- niedowidzących i niewidomych (np. dzięki czytnikom ekranu), 

- osób z ograniczoną mobilnością (np. korzystających tylko z klawiatury ), 

- osób z trudnościami poznawczymi (np. przejrzysty układ strony i prosta nawigacja po niej). 

W Polsce obowiązek dostosowania stron internetowych do WCAG wynika między innymi z Ustawy o dostępności cyfrowej, która dotyczy podmiotów publicznych, ale także firm świadczących usługi w sektorze publicznym, czyli również sklepów internetowych. Jednak nawet jeśli Twój sklep nie podlega tym przepisom (jest tak w przypadku mikroprzedsiębiorstw), warto wprowadzić zmiany, ponieważ to inwestycja w lepsze doświadczenia Klientów i szersze grono odbiorców, a generalnie bardziej przyjazny sklep czy stronę web.

Najważniejsze aspekty, dla których warto dostosować sklep do WCAG? 

1. Zwiększenie dostępności – umożliwienie zakupów osobom z niepełnosprawnościami, co może przełożyć się na większą sprzedaż. 

2. Lepsze SEO – wiele zasad WCAG pokrywa się z wytycznymi Google (np. prawidłowe opisy alternatywne zdjęć). 

3. Poprawa użyteczności – przejrzystsza i łatwa w nawigacji strona, to lepsze doświadczenia dla wszystkich użytkowników. 

Jak wdrożyliśmy WCAG w sklepie internetowym www.gastromarket.pl? 

Audyt dostępności 

Pierwszym krokiem było sprawdzenie, które elementy sklepu wymagają zmian. Zrobiliśmy to na podstawie odpowiednich narzędzi udostępnionych przez naszych partnerów. Na wnioskach z audytu dokonaliśmy następujących zmian:

  • Poprawa kontrastu i czytelności 

Dodaliśmy możliwość zmiany kontrastu całej strony po naciśnięciu odpowiedniego przycisku, który znajduje się po prawej stronie. Jest tam też możliwość zwiększenia wielkości czcionki, odstępów między literami oraz odstępów między wierszami.

Przykład zmiany kontrastu strony

  • Dostępność dla klawiatury

Całą nawigację można obsłużyć za pomocą klawisza „Tab”.  Po naciśnięciu klawisza pojawia się ramka która skazuje zakres strony, na którym w danym momencie się znajdujemy, po naciśnięciu klawisza „enter” przechodzimy do wybranej zakładki. Dodatkowo wspomóc można się strzałkami na klawiaturze, przewijając stronę w dół lub w górę.   

Pasek nawigacji WCGA

  • Alternatywy dla multimediów 

Wszystkie zdjęcia produktów i grafiki mają „atrybut `alt”  z opisem.  Po wskazaniu kursorem zdjęcia lub grafiki pojawia się „chmurka”  z opisem produktu. Grafiki ruchome można zatrzymać przez zastosowany suwak.

Wizualizacja elementów poprawionych w ramach WCAG

 

  • Przejrzysta struktura strony 
  • Logiczne ułożenie nagłówków
  • Dodatkowy opis aktywnych formularzy (formularz zamówienia).  

 

Podsumowanie 

Na jednorazowym wdrożeniu tych udogodnień nie kończy się nasza praca, cały czas badamy aspekty, które można i należy poprawić. Przy tworzeniu nowych podstron również uważamy, aby wszystkie jej elementy były zgodnie z przepisami. 

Jesteśmy nadal otwarci na wszelkiego typu uwagi dotyczące strony. Prosimy je przesyłać na naszego sklepowego maila sklep@gastromarket.pl, a my podejdziemy do sugestii niezwykle uważnie, by wspólnie z Państwem zmieniać się na lepsze. 

Gratika do przepisów WCAG

Ostatnio na blogu

Promocje i aktualności
Wdrożenie zmian WCAG w sklepie internetowym
ZARZĄDZAJ PLIKAMI COOKIE
Szanujemy Twoją prywatność. Możesz zmienić ustawienia cookies lub zaakceptować je wszystkie. W dowolnym momencie możesz dokonać zmiany swoich ustawień.

Niezbędne pliki cookies służą do prawidłowego funkcjonowania strony internetowej i umożliwiają Ci komfortowe korzystanie z oferowanych przez nas usług.

Pliki cookies odpowiadają na podejmowane przez Ciebie działania w celu m.in. dostosowania Twoich ustawień preferencji prywatności, logowania czy wypełniania formularzy. Dzięki plikom cookies strona, z której korzystasz, może działać bez zakłóceń.

Więcej

Tego typu pliki cookies umożliwiają stronie internetowej zapamiętanie wprowadzonych przez Ciebie ustawień oraz personalizację określonych funkcjonalności czy prezentowanych treści.

Dzięki tym plikom cookies możemy zapewnić Ci większy komfort korzystania z funkcjonalności naszej strony poprzez dopasowanie jej do Twoich indywidualnych preferencji. Wyrażenie zgody na funkcjonalne i personalizacyjne pliki cookies gwarantuje dostępność większej ilości funkcji na stronie.

Więcej

Analityczne pliki cookies pomagają nam rozwijać się i dostosowywać do Twoich potrzeb.

Cookies analityczne pozwalają na uzyskanie informacji w zakresie wykorzystywania witryny internetowej, miejsca oraz częstotliwości, z jaką odwiedzane są nasze serwisy www. Dane pozwalają nam na ocenę naszych serwisów internetowych pod względem ich popularności wśród użytkowników. Zgromadzone informacje są przetwarzane w formie zanonimizowanej. Wyrażenie zgody na analityczne pliki cookies gwarantuje dostępność wszystkich funkcjonalności.

Więcej

Dzięki reklamowym plikom cookies prezentujemy Ci najciekawsze informacje i aktualności na stronach naszych partnerów.

Promocyjne pliki cookies służą do prezentowania Ci naszych komunikatów na podstawie analizy Twoich upodobań oraz Twoich zwyczajów dotyczących przeglądanej witryny internetowej. Treści promocyjne mogą pojawić się na stronach podmiotów trzecich lub firm będących naszymi partnerami oraz innych dostawców usług. Firmy te działają w charakterze pośredników prezentujących nasze treści w postaci wiadomości, ofert, komunikatów mediów społecznościowych.

Więcej