Moduł "Rozszerzenie WCAG" ułatwiający obsługę sklepu dla osób z różnymi niepełnosprawnościami

Moduł "Rozszerzenie WCAG" to narzędzie wspierające dostępność cyfrową sklepu internetowego, stworzone z myślą o osobach z różnymi niepełnosprawnościami. Zgodne ze standardem WCAG (Web Content Accessibility Guidelines) oraz wymaganiami Europejskiego Aktu o Dostępności (EAA), rozwiązanie to umożliwia użytkownikom indywidualne dostosowanie wyglądu i funkcjonalności strony – m.in. poprzez zmianę kontrastu, powiększanie czcionki, wybór typu kursora czy uruchomienie czytnika tekstu.

Dostępność cyfrowa oznacza projektowanie stron internetowych i aplikacji w taki sposób, aby mogły z nich swobodnie korzystać również osoby z ograniczeniami wzroku, słuchu, motoryki lub innymi trudnościami. To nie tylko obowiązek prawny, ale także wyraz szacunku i dbałości o potrzeby wszystkich użytkowników. Brak dostępności może wykluczyć część klientów z możliwości przeglądania oferty czy dokonania zakupu.

Dzięki zastosowaniu modułu, serwis staje się bardziej przyjazny i otwarty – zwiększa komfort korzystania, ułatwia poruszanie się po stronie i zapewnia równy dostęp do treści dla wszystkich odwiedzających.

Moduł jest dostępny w oprogramowaniu shopGold w menu Wygląd / Moduły stałe. Konfiguracja samego modułu jest bardzo prosta i ogranicza się do jego włączenia oraz włączenia lub wyłączenia opcji, jakie mają być dostępne dla klientów sklepu.

Po włączeniu modułu na stronie sklepu w dolnym lewym narożniku wyświetlana będzie ikona.
 
Po kliknięciu w ikonę z lewej strony ekranu wysunie się dodatkowe okno z możliwymi do wybrania opcjami. Każda opcja znajduje się w osobny okienku i jest przedstawiona w formie tekstu, grafiki oraz pola wyboru gdzie wybiera się wartość dla danej opcji.
 
Opcje, jakie dostępne są w opisywanym module:

• kontrast - umożliwia zmianę trybu kolorystycznego strony na tryb wysokiego kontrastu, co poprawia czytelność dla osób niedowidzących - tło sklepu zostaje zmienione na czarne, litery i linie białe, przyciski na kolor żółty
• wielkość tekstu - pozwala powiększyć czcionkę na stronie, aby lepiej dopasować ją do preferencji użytkownika
• wysokość linii - ustawienie odstępu między wierszami tekstu, większy odstęp może ułatwić czytanie osobom z dysleksją lub zaburzeniami percepcji
• odstęp liter - modyfikacja przestrzeni między literami, co również może pomóc w czytelności tekstu
• kursor - zmiana wyglądu kursora myszy - można wybrać dużą ikonę kursora lub tryb kursora ADHD (gdzie ekran staje się ciemny i widoczny jest tylko pasek w obrębie kursora)
• skala szarości - przekształca całą stronę do wersji czarno-białej, co może pomóc osobom wrażliwym na kolory lub z zaburzeniami widzenia barw
• ukryj obrazy - umożliwia wyłączenie wyświetlania grafik na stronie, co może ułatwić skupienie się na treści tekstowej
• czytelna czcionka - zastępuje domyślną czcionkę wersją bardziej przystępną i łatwiejszą do czytania lub specjalną czcionką przewidzianą dla dyslektyków
• wyłączenie animacji - blokuje animacje i przejścia, które mogą rozpraszać lub powodować dyskomfort (np. u osób z epilepsją fotosensytywną)
• wyrównanie tekstu - pozwala zmienić sposób wyrównania tekstu (np. wyśrodkowanie, do lewej), co może ułatwić czytanie
• nasycenie - umożliwia zmianę intensywności kolorów na stronie
• podkreśl odnośniki - włącza widoczne podkreślenie linków, aby osoby z trudnościami percepcyjnymi mogły łatwiej je zauważyć
• czytnik ekranu - aktywuje funkcję czytania treści na stronie na głos (po najechaniu na element tekstowy), co jest szczególnie pomocne dla osób niewidomych lub słabowidzących
• resetuj wszystkie ustawienia - przywraca domyślny wygląd i ustawienia strony, usuwając wszystkie wprowadzone modyfikacje

Po włączeniu wybranych opcji przez użytkownika są one zaznaczane jako włączone jak na screenie poniżej:
 
Opisywany moduł jest dostępny dla wszystkich użytkowników oprogramowania shopGold. Część opcji modułu jest możliwa do włączenia tylko dla szablonów V2. Opcje te to: kontrast, zmiana wielkości tekstu oraz zmiana nasycenia. Wynika to z budowy szablonów. Szablony poprzedniej generacji ze względu na swoją budowę nie mają takiej możliwości, żeby globalnie zmienić ich ustawienia.

W przypadku indywidualnych szablonów może być potrzeba przygotowania indywidualnego kodu CSS dla trybu ciemnego. Część elementów może nie być wyświetlana poprawne i dla tych elementów trzeba przygotować dodatkowy kod CSS. Jak to zrobić opisujemy na tej stronie.