Posiadam własny szablon. Jak mogę go dostosować do kryteriów WCAG 2.1/2.2?

Wstęp

Z dniem 28 czerwca 2025 roku w życie wejdą przepisy związane z implementacją ustawy z dnia 26 kwietnia 2024 r. o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług. Wdraża ona do polskiego prawa tzw. Europejski Akt o Dostępności (EAA) – unijną dyrektywę 2019/882. Celem ustawy jest zapewnienie, że kluczowe produkty i usługi będą dostępne dla wszystkich użytkowników, w tym osób z niepełnosprawnościami.

Przedsiębiorcy mają czas do 28 czerwca 2025 roku, aby dostosować swoje produkty i usługi do nowych wymogów.

Wskazówka
Chcesz dowiedzieć się więcej o tych przepisach? Sprawdź artykuł w naszym Centrum Pomocy: Europejski Akt o Dostępności (EAA) i zapoznaj się ze szczegółami

W niniejszym artykule wskazujemy, jakie czynności należy wykonać, jeśli posiadasz własny, indywidualnie zmodyfikowany szablon.

Sprawdź, jaki szablon posiadasz

Nie wiesz, który szablon posiadasz? Możesz to sprawdzić w panelu administracyjnym Comarch e-Sklep. Aby to zrobić, z poziomu panelu administracyjnego przejdź do zakładki Wygląd sklepu/ Ustawienia a następnie, pod przyciskiem „Więcej” wybierz Edytuj ustawienia zaawansowane.

W obszarze, który został wyświetlony, pojawi się kilka zakładek, a wśród nich zakładka „Szablon„. Wybierz ją, po czym sprawdź szablon:

 

Jeśli Twój szablon jest indywidualny, to możesz przejść do pozostałej części artykułu.

Jeśli natomiast posiadasz jeden z szablonów: Rubin, Szafir, Topaz, One Page Shop lub Dla Gastronomii, to odpowiednia instrukcja znajduje się w artykule: Posiadam szablon Rubin, Szafir, Topaz, One Page Shop lub Dla Gastronomii. Jak mogę go dostosować do kryteriów WCAG 2.1/2.2?

Jeśli posiadasz szablon Bursztyn, Agat lub Opal, to przejdź do artykułu: Posiadam szablon Bursztyn, Opal lub Agat, jak mogę go dostosować do kryteriów WCAG 2.1/2.2?

Co zrobić jako właściciel e-Sklepu lub Partner, jeśli używam własnego szablonu?

Aby twój szablon spełniał wymagania wynikające z przepisów ustawy z dnia 26 kwietnia 2024 r. o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług, rozważ jedną z dwóch propozycji:

Dostosuj szablon samodzielnie lub zleć te prace naszym partnerom

Najważniejszym elementem związanym z nowymi przepisami jest rozpoznanie prac i zmian, jakich one wymagają. Aby to wykonać, przejdź przez przedstawione niżej punkty:

  1. Zapoznaj się z zasadami WCAG 2.1.
    Jest to niezwykle istotne w kontekście dostosowania strony internetowej Twojego e-Sklepu. Szczegóły znajdziesz na stronie: World Wide Web Consortium (W3C).
  2. Przeprowadź audyt strony swojego sklepu internetowego.
    Pomoże Ci to zidentyfikować ewentualne ograniczenia. Możesz to zrobić samodzielnie lub z pomocą specjalistów. W samodzielnym przeprowadzeniu audytu pomoże Ci lista kontrolna. Stanowi ona zbiór pytań, które pozwalają wykryć zdecydowaną większość problemów związanych z dostępnością na stronie internetowej. Lista kontrolna do badania dostępności cyfrowej strony internetowej jest dostępna do pobrania z oficjalnej strony rządowej. Za przygotowanie listy kontrolnej do badania dostępności cyfrowej strony internetowej odpowiadają eksperci z Ministerstwa Cyfryzacji. Obszerna lista narzędzi do oceny dostępności stron internetowych, zgodnych z WCAG znajduje się na stronie: Web Accessibility Evaluation Tools List .
  3. Zacznij wprowadzać potrzebne zmiany.
    Na podstawie wyników audytu należy wprowadzić zmiany w kodzie strony, we wskazanych przez pomocne narzędzia miejscach. Zmiany należy wprowadzić także w treściach oraz funkcjonalnościach. Należy także zadbać o odpowiednie kontrasty i kolory.

Zespół Comarch e-Sklep po wykonaniu powyższych punktów zdecydował, że szablony graficzne należy przeanalizować i zmienić w następującym zakresie:

  • Umożliwienia sterowania klawiaturą

Sterowanie klawiaturą umożliwia obsługę strony lub aplikacji bez myszki, co jest istotne dla osób z ograniczoną mobilnością. Obejmuje logiczną nawigację klawiszem „Tab”, widocznym wskaźnikiem aktywnego elementu i prostą obsługę formularzy oraz menu.

Obsługa wymaga aby elementy, po których przemieszcza się użytkownik były elementami interaktywnymi.W tym celu została poprawiona semantyka kodu, co wiąże się z tym, że przyciski są znacznikami „button”, lub jeśli nie jest to możliwe, mają przypisaną role=”button”.  Włączenie interaktywności przycisku lub jej zablokowanie obsłużone zostało za pomocą atrybutu „tabindex”. Do obsługi klawiszy innych niż „Tab” napisane zostały inne funkcje java script przypisane do konkretnych eventów przeglądarki.

  • Struktury i nawigacji

Logika w strukturze strony oraz intuicyjna nawigacja wpływają na dostępność. Elementy takie jak dobrze opisane nagłówki, linki oraz menu są łatwe do zrozumienia i obsługi zarówno dla użytkowników, jak i technologii wspomagających, takich jak czytniki ekranu. Zwróć uwagę zwłaszcza na obsługę tekstów alternatywnych (atrybuty „alt”) w kodzie szablonu dla zdjęć i obrazków zgodnie z wymogami.

Semantyka kodu została dostosowana pod odpowiednie zachowanie danej sekcji na stronie np. przez zastosowanie odpowiednich znaczników związanych ze strukturą kodu. Uporządkowano używanie znaczników, takich jak: header, footer, button, section, main, picture

  • Responsywności i dostępności mobilnej

Sklep internetowy jest w pełni responsywny, czyli dostosowuje się do różnych ekranów – od dużych monitorów po smartfony. Aplikacje mobilne muszą spełniać te same wymagania dostępności, co witryny internetowe, aby użytkownicy mogli korzystać z nich w każdym środowisku.

W Comarch e-Sklep możesz także zadbać o wyświetlanie dedykowanych obrazków na różnych urządzeniach mobilnych. Sprawdź, jakie możliwości dają bannery.

W szablonach Comarch e-Sklep do zapewnienia responsywności wykorzystujemy sposób pisania kodu z wykorzystaniem media query.

  • Obsługi formularzy kontaktowych i zamówień

Formularze na stronie będą łatwe w obsłudze, posiadać jasne etykiety i umożliwiać nawigację za pomocą klawiatury. Unikamy wymuszania zbyt wielu kroków, a komunikaty błędów są jasne i wskazują konkretne rozwiązania.

Zostały uzupełnione odpowiednie opisy (label) dla formularzy oraz obsłużono zaznaczenie aktualnie aktywnego elementu (focus).

  • Obsługi mapy strony (sitemap)

W Twoim e-Sklepie będzie dostępna strona z listą zawierającą wszystkie dostępne strony na witrynie internetowej. Jest to szczególnie ważne z punktu widzenia WCAG, ponieważ ułatwia nawigację osobom z niepełnosprawnościami, które korzystają z technologii wspomagających, takich jak czytniki ekranu. Dzięki mapie strony użytkownicy mogą szybko zlokalizować treści, bez potrzeby przeszukiwania całej witryny.

W Comarch e-Sklep została dodana nowa strona. Udostępniono w niej obiekt zawierający listę stron sklepu. Przygotowano szablon dla tej strony i umieszczono ją domyślnie w stopce e-Sklepu.

  • Dostosowania kolorów i kontrastów w szablonach dostępnych w Kreatorze Wyglądu

Zapewniamy odpowiednie rozwiązania w zakresie kolorów i kontrastu w domyślnych szablonach, dostępnych w Kreatorze Wyglądu. Wszystkie nasze szablony będą spełniały wymogi WCAG 2.1/2.2, w tym minimalny współczynnik kontrastu (4.5:1 dla tekstu zwykłego i 3:1 dla tekstu dużego).

Sposób mierzenia kontrastu został opisany w niniejszym artykule w rozdziale: Odpowiedni kontrast kolorów w e-Sklepie – wymóg WCAG na poziomie AA.

  • Struktury i semantyki kodu zgodnej ze standardami kodu XHTML określonymi w standardzie WCAG

Struktura i znaczenie kodu dostosowanego do XHTML odnoszą się do reguł konstruowania i budowania stron internetowych zgodnie z normami wyznaczonymi przez język XHTML (Extensible Hypertext Markup Language). XHTML to bardziej wymagająca odmiana HTML, nakazuje stosowanie dobrze ustrukturyzowanego, poprawnego i logicznego kodu. Zmiany odbywały się poprzez dostosowanie nazw znaczników, aktualizację ich atrybutów lub dodanie brakujących.

 

Wskazówka
Jeśli chcesz dowiedzieć się więcej i poznać szczegółowy zakres modyfikacji, przejdź do artykułu dla użytkowników zaawansowanych: Spełnij kryteria WCAG 2.1/2.2. Przewodnik dla programistów oraz Partnerów Comarch.

 

Szczegółowy zakres wymagań związanych z przepisami, znajdziesz w:

 

Albo wybierz jeden ze standardowych szablonów Comarch.

Jeśli zdecydujesz, że nie chcesz zmieniać swojego obecnego szablonu, to możesz wykorzystać szablony Comarch, które są dostosowane do przepisów.

Wybierz jeden ze standardowych szablonów Comarch. Dla sklepów detalicznych (w modelu B2C) polecamy szablony Topaz, One Page Shop oraz Dla Gastronomii, natomiast dla platform B2B idealnym wyborem będą Rubin i Szafir (dostępne w sklepach Enterprise i B2B).

Sprawdź szczegółowe informacje na temat aktualnych szablonów B2C oraz B2B.

 

Wybór standardowego szablonu Comarch e-Sklep

Wskazówka
Aktualizację szablonu wykonaj wtedy, kiedy będzie ona dostępna. Realizacja wersji 2025.4 przewidywana jest przed 28 czerwca 2025 roku. Będzie ona zawierała zmiany związane z omawianymi tutaj przepisami.

Jak zaktualizować szablon?

Aby zaktualizować szablon i przejść na Rubin, Szafir, Topaz, One Page Shop lub Dla Gastronomii, należy skorzystać z aktualnej wersji Kreatora Wyglądu. Pamiętaj, że szablony Rubin i Szafir przeznaczone są tylko dla sklepów Enterprise i B2B. Odnośnik znajduje się również w panelu administracyjnym e-Sklepu w sekcji Wygląd sklepu > Kreator wyglądu.  Istnieją trzy możliwości aktualizacji tych szablonów:

  • Wygenerowanie zupełnie nowego szablonu w Kreatorze Wyglądu oraz wgranie go do e-Sklepu,
  • Wybór i edycja jednego z gotowych układów i jego modyfikacja,
  • Import posiadanego szablonu do Kreatora Wyglądu oraz ponowne wygenerowanie go w najnowszej wersji.

Wygenerowany z Kreatora Wyglądu szablon należy wgrać do e-Sklepu. W panelu administracyjnym e-Sklepu, w sekcji Wygląd sklepu znajduje się bezpośredni odnośnik do importu szablonu z Kreatora wyglądu. Szczegółowa instrukcja dostępna jest w artykule Jak wyeksportować i zaimportować swój szablon w e-Sklepie?

Pamiętaj o zapisaniu szablonu oraz opublikowaniu go w e-Sklepie. Zmiany wprowadzone w ustawieniach zostaną zsynchronizowane do sklepu po 10 minutach.

Wskazówka
Informacje na temat aktualizacji znajdują się w Centrum Pomocy: Jak zaktualizować szablon do najnowszej wersji?  

Więcej informacji na temat Kreatora Wyglądu B2C oraz B2B znajduje się w Centrum Pomocy:

Odpowiedni kontrast kolorów w e-Sklepie – wymóg WCAG na poziomie AA

Jednym z głównych wymogów WCAG jest stosowanie odpowiednich kontrastów na stronach internetowych.

Odpowiedni kontrast między tekstem a tłem jest kluczowy dla osób z dysfunkcjami wzroku. WCAG 2.1 określa minimalny współczynnik kontrastu (4.5:1 dla tekstu zwykłego i 3:1 dla tekstu dużego). Ważne jest również unikanie łączenia kolorów, które mogą być trudne do rozróżnienia, takich jak czerwony i zielony.

Kontrasty po modyfikacji kolorów możesz sprawdzić np. narzędziem WAVE. WAVE to popularny, dostępny dla wszystkich zestaw narzędzi do oceny dostępności stron internetowych. Rozszerzenia WAVE dla Chrome, Firefox i Edge, umożliwiają testowanie bezpośrednio w tych przeglądarkach, bez przesyłania danych na serwer WAVE.

WAVE znajdziesz pod linkiem: WAVE Web Accessibility Evaluation Tools.

 

Jak sprawdzić kontrast?

Przejdź na stronę swojego e-Sklepu. Włącz wtyczkę WAVE. Po prawej stronie ekranu wyświetli się panel boczny, na pierwszej zakładce widać podsumowanie całej strony:

Już na tym etapie możesz przejść do szczegółów, klikając „View details”. Możesz w tym miejscu przejść także do zakładki „Contrast”.

 

Czerwone kwadraty oznaczają obszar do poprawy. Przejdź przez stronę, aby zobaczyć szczegóły każdego z nich. Po kliknięciu na jeden z kwadratów pokaże się komunikat dotyczący kontrastu:

W panelu bocznym pojawi się dokładna informacja na temat koloru.

W tym miejscu, korzystając z suwaków możesz od razu dostosować kolor tak, aby był odpowiedni i sprawdzić, czy spełnia wymagania WCAG.

 

Gdzie dostosować kolory?

Kolory należy zmienić samodzielnie w miejscu, gdzie w przypadku Twojego szablonu, zostało ono wyznaczone. Może to być np. kod szablonu, lub obszar znajdujący się w panelu administracyjnym Comarch e-Sklep  Wygląd Sklepu > Ustawienia.

 

Pozostałe zmiany

Poza zmianami w szablonie graficznym sklepu należy uzupełnić szereg danych. Znaczącą część tych elementów możesz wykonać już teraz, nie czekając na aktualizację Comarch e-Sklep

Teksty alternatywne („Alt”, alty) w Comarch e-Sklep.

Wskazówka
Twój szablon musi obsługiwać parametr „alt” w obrazkach. Jeśli wykorzystasz aktualny szablon standardowy od Comarch to obsługę zapewnia Comarch e-Sklep, jeśli zdecydowałeś się na indywidualny szablon lub samodzielną aktualizację starszej wersji to upewnij sie, że w szablonie są obsługiwane parametry „alt” we wskazanych elementach.

Teksty alternatywne („alt”) to krótkie opisy obrazków, które pozwalają osobom korzystającym z czytników ekranu zrozumieć, co znajduje się na zdjęciu. Atrybut „alt” jest szczególnie ważny dla zdjęć produktów, ponieważ umożliwia przekazanie najważniejszych informacji o produktach.  Dlaczego tekst alternatywny jest taki ważny? 

  • Pomaga osobom korzystającym z czytników ekranu, które odczytują tekst alternatywny na głos,
  • Poprawia dostępność stron internetowych, czyniąc je bardziej przyjaznymi dla wszystkich użytkowników,
  • Wpływa na pozycjonowanie w wyszukiwarkach, ponieważ dobrze opisane obrazy są lepiej interpretowane przez algorytmy Google.   

Dobrze sformułowany opis powinien być zwięzły, ale wystarczająco informacyjny. Poniżej prezentujemy przykłady dobrego i złego zastosowania opisów alternatywnych:

Przyklad

Poprawne :

  • Czerwona sukienka maxi z rozcięciem, modelka na tle miejskiego pejzażu.
  • Białe sneakersy z grubą podeszwą, ustawione na drewnianej podłodze.
  • Nowoczesna sofa w kolorze szarym, z drewnianymi nogami, ustawiona w minimalistycznym salonie.
  • Słuchawki bezprzewodowe z aktywną redukcją szumów, na białym tle.

Niepoprawne:

  • Sukienka.
  • Buty sportowe.
  • Fajna kanapa.
  • Najlepszy sprzęt w dobrej cenie!

Gdzie należy uzupełnić teksty alternatywne (alt)?

1. Dla zdjęć towarów w systemach Comarch ERP.

Korzystam z Comarch ERP Optima

Po uruchomieniu Comarch ERP Optima przejdź na pozycję cennika, a następnie edytuj wybrany towar. Następnie przejdź na zakładkę „Atrybuty„, a następnie do sekcji „Zdjęcia i załączniki„.

W tym miejscu zobaczysz kolumnę „Atrybut Alt„.

Po dwukrotnym kliknięciu możliwe jest uzupełnienie opisu alternatywnego:

Po dokonaniu zmian należy je zapisać. Po wykonaniu wszystkich modyfikacji należy wykonać synchronizację.

Korzystam z Comarch ERP XL

Po uruchomieniu ERP XL przejdź do Sprzedaż > Towary , a następnie na zakładkę „Załączniki„. Opis alternatywny dla towaru stanowi Kod:

 

 

Korzystam z Comarch ERP XT

Przejdź na kartę produktu, a następnie do zakładki „Zdjęcia„. Wśród pól do uzupełnienia znajdziesz „Opis alternatywny (Alt)„.

 

W tym miejscu wpisz odpowiednią treść, a następnie zapisz wprowadzone zmiany.

 

2. Dla zdjęć w bannerach – w panelu administracyjnym Comarch e-Sklep

Pamiętaj, alby alty (opisy alternatywne) były uzupełnione także w przypadku bannerów. Aby to zrobić, przejdź z poziomu panelu administracyjnego do Wygląd sklepu > Ustawienia > Bannery  do edycji swoich bannerów. Klikając na odpowiedni kafelek pojawią się opcje z uzupełnieniem Alt:

3. Dla zdjęć stosowanych na stronach z treściami formalnymi – w panelu administracyjnym Comarch e-Sklep

Obrazki możesz dodawać także do treści, które udostępniasz na specjalnych stronach, takich jak np. Regulamin sklepu, Polityka prywatności, Wysyłka itp. W obszarze do edycji, który jest dostępny z poziomu panelu administracyjnego w sekcji Ustawienia > Treści formalne edytuj interesującą Cię treść, a dodając obrazek uzupełnij alt:

 

 

4. Dla zdjęć wprowadzonych w opisie towaru i opisie kategorii.

Dodając opisy produktów i kategorii, warto upewnić się, że linkowane zdjęcia zawierają poprawnie uzupełniony atrybut „alt”. To kluczowe dla osób korzystających z czytników ekranu. Dbałość o ten detal poprawia dostępność strony i zwiększa jej widoczność w sieci. Opis towaru i kategorii możesz dodać w systemach Comarch ERP. 

Opis kategorii możesz ustawić również z poziomu panelu administracyjnego, bez konieczności korzystania z systemu ERP. Szczegółowe informacje znajdują się w artykule: Jak edytować kategorię w Comarch e-Sklep? 

5. Dla zdjęć w Blogu

Obrazki, które dodawane są dla wpisów blogowych od wersji 2025.4 będą posiadały atrybuty ALT oraz Title. Ich uzupełnienie będzie możliwe przy przejściu z poziomu panelu administracyjnego Comarch e-Sklep do sekcji Marketing > Blog przy dodawaniu wpisu.

 

6. Dla zdjęć w plikach użytkownika „Twoje pliki”

Pliki użytkownika w e-Sklepie to dedykowana przestrzeń do przechowywania własnych materiałów, które mogą zostać wykorzystane w sklepie internetowym. Pliki można przesyłać za pośrednictwem panelu administracyjnego, w sekcji Ustawienia > Twoje pliki. Maksymalny rozmiar pojedynczego pliku: 3 MB.

Pliki, które dodawane są we wspomnianym obszarze, od wersji 2025.4 będą posiadały atrybuty ALT oraz Title. Ich uzupełnienie będzie możliwe przy przejściu z poziomu panelu administracyjnego do sekcji Ustawienia > Twoje pliki przy edycji pliku lub jego dodaniu.

Wskazówka
Jeśli posiadasz sklep wielojęzyczny, to we wszystkich tych wymienionych powyżej obszarach, znajdują się również obrazki dla danego języka. Pamiętaj, alby atrybut ALT zdefiniować dla każdego z nich!

 

Atrybut Title – obowiązkowy czy nie?

Atrybut title jest przydatny do przekazywania dodatkowych informacji o elementach HTML, widocznych jako podpowiedź po najechaniu kursorem. Może być używany w ikonach bez podpisu, formularzach czy linkach, aby dostarczyć kontekst. Nie jest jednak obowiązkowy według WCAG, ponieważ czytniki ekranu często go ignorują, a osoby nawigujące klawiaturą mogą nie mieć do niego dostępu.

 

Zalecenia dla udostępnianych treści – ogranicz migające elementy

Jako właściciel sklepu musisz sam zadbać o to, jakie treści umieszczasz na swojej stronie. Migające elementy, takie jak animacje czy reklamy, mogą wywoływać problemy u osób z padaczką fotogenną. Według kryteriów WCAG 2.1 zalecane jest ograniczenie migających treści do maksymalnie trzech błysków na sekundę lub ich całkowite usunięcie. Jako właściciel sklepu musisz dbać o statyczne elementy lub spokojne animacje. Również treści zawarte w różnego typu prospektach, gazetkach czy folderach informacyjnych w formie dokumentów powinny być zgodne z wytycznymi WCAG.

1.Obrazki i bannery

W szablonach standardowych takie elementy mogą pojawić się na przykład w bannerach i elementach tekstowych ze zdjęciem. Upewnij się, że grafiki tam zamieszczone są odpowiednie, zwróć uwagę zwłaszcza na pliki w formacie GIF.

Sprawdź, w jaki sposób możesz skonfigurować bannery oraz elementy tekstowe ze zdjęciem.

2.Materiały audio i viedo

Aby sklep internetowy był w pełni dostępny zgodnie z WCAG, właściciele muszą zadbać o dodanie audioskrypcji i transkrypcji do materiałów multimedialnych (filmy, nagrania dźwiękowe). Choć oba rozwiązania służą poprawie dostępności, mają różne funkcje.

  • Audiodeskrypcja to dodatkowy opis dźwiękowy, który przedstawia istotne elementy wizualne nagrania osobom niewidzącym,
  • Transkrypcja to zapis tekstowy całej treści audio, umożliwiający odbiór treści osobom niesłyszącym, może to być w formie napisów dla audiodeskrypcji.

Dodanie tych elementów leży po stronie właścicieli sklepów. Ich brak może wykluczyć część użytkowników i wpłynąć na komfort korzystania ze strony. Dobre praktyki dostępności to nie tylko wymóg, ale też inwestycja w lepsze doświadczenie klientów.

 

3.Załączniki (m.in. instrukcje, katalogi)

Należy zadbać o to, aby wszystkie udostępniane w sklepie załączniki, takie jak instrukcje czy katalogi, były zgodne z wytycznymi WCAG, zapewniając tym samym ich pełną dostępność dla wszystkich użytkowników.

Dostosuj komunikację mailową – aktualizacja lub zmiana treści e-mail

Dostosowanie treści e-mail zgodnie z wytycznymi WCAG to kluczowy krok w budowaniu dostępnej i klarownej komunikacji. W tej części artykułu przedstawiamy rozwiązania zarówno dla domyślnych wiadomości, jak i tych modyfikowanych, aby zapewnić ich lepszą czytelność i dostępność dla wszystkich odbiorców.

1.Treści mailowe są domyślne, nie zostały sformatowane

Jeśli treści nie zostały przez Ciebie zmienione i stanowią domyślne treści, które są dostępne w Comarch e-Sklep, to wystarczy, że zaktualizujesz je. Aby to zrobić, należy przejść w panelu administracyjnym do zakładki Ustawienia > Treści formalne, a następnie wybrać „Wysyłka e-mail i SMS”. Zakładka ta zawiera treści wiadomości wysyłane do klientów po wykonaniu określonych akcji, np. po zakupie czy rejestracji.

W Comarch e-Sklep istnieje możliwość przywrócenia standardowej treści pojedynczej wiadomości e-mail lub wszystkich jednocześnie. Opcja ta stanowi również aktualizację treści e-mail. „Przywróć domyślną treść” dostępna jest w panelu administracyjnym e-Sklepu w menu Ustawienia/ Treści formalne/ Wysyłka e-mail i SMS na szczegółach każdej wiadomości, po kliknięciu w przycisk Więcej:

 

2.Treści mailowe są modyfikowane, zostały przeze mnie zmienione

Jeśli posiadasz własne, dostosowane do Twojej komunikacji marketingowej treści e-mail, to sprawdź, czy są one odpowiednio napisane i sformatowane. Zastosuj się do poniższych wskazówek.

W jaki sposób poprawnie napisać i sformatować treści?


  • Struktura
    Stosuj nagłówki (<h1>, <h2> itd.) dla przejrzystości. Używaj krótkich akapitów i list punktowanych.
  • Tekst i formatowanie
    Zapewnij wysoki kontrast między tekstem a tłem. Wybieraj czytelne czcionki (sans-serif, min. 12-14 px). Nie używaj wyłącznie koloru do przekazywania informacji.
  • Obrazy i multimedia
    Dodawaj tekst alternatywny (alt text) do obrazów. Unikaj tekstu osadzonego w grafikach, jeśli można go przesłać jako tekst.
  • Linki i przyciski
    Stosuj opisowe teksty linków zamiast „Kliknij tutaj”. Upewnij się, że są łatwe do kliknięcia na ekranach dotykowych.
  • Język i czytelność
    Używaj prostego i zrozumiałego języka. Unikaj skrótów i branżowego żargonu, jeśli odbiorca może ich nie znać.
  • Testowanie
    Sprawdź wiadomość na różnych urządzeniach i czytnikach ekranu. Zweryfikuj zgodność ze standardami WCAG.

Szczegółowe informacje na temat edycji treści e-mail znajdują się a artykule: E-mail i SMS

 

Dodatkowe narzędzia pomocne przy wdrażaniu WCAG

Przystosowanie e-Sklepu do wymogów nie musi wiązać się z dużymi wydatkami na zmiany w kodzie. Kluczowe aspekty dostępności można wdrożyć samodzielnie, wykorzystując opcje dostępne w systemach Comarch ERP, a także Kreatorze Wyglądu czy Panelu Administracyjnym. Warto pamiętać, że poprawa dostępności to nie tylko obowiązek wynikający z przepisów, ale także realna szansa na zwiększenie grona klientów oraz podniesienie komfortu ich zakupów.

Istnieje kilka ogólnodostępnych narzędzi, które pomogą Ci dostosować sklep do wymogów. Obszerna lista narzędzi do oceny dostępności stron internetowych, zgodnych z WCAG znajduje się na stronie: Web Accessibility Evaluation Tools List .

 

Podsumowanie

Dostępność cyfrowa to nie jednorazowe przedsięwzięcie, lecz ciągły rozwój i udoskonalanie. Regularne sprawdzanie funkcjonalności, optymalizacja elementów wizualnych i dostosowywanie sposobów interakcji pozwalają na stałe podnoszenie jakości doświadczeń użytkowników. Dążenie do pełnej zgodności ze standardami WCAG 2.1/2.2 oraz wymogami Europejskiego Aktu o Dostępności (EAA) nie tylko ułatwia nawigację wszystkim odwiedzającym, ale także buduje pozytywny wizerunek i wzmacnia pozycję na rynku. Wdrażanie kolejnych usprawnień to inwestycja w przyszłość, która przynosi korzyści zarówno właścicielom, jak i ich klientom.

Czy ten artykuł był pomocny?