Najlepsze rozwiązania do sprzedaży w internecie
Blog produktowy
IdoSell
Wprowadziliśmy zmiany na karcie towaru dla szablonów Standard według wytycznych WCAG 2.2.
Dostosowaliśmy kolejną podstronę w naszych szablonach Standard do wytycznych WCAG 2.2. w odpowiedzi na Europejski Akt o Dostępności (EAA). Zmiany te mają na celu zapewnienie spełnienia wymagań dostępności niektórych produktów i usług przez podmioty gospodarcze, które zacznie obowiązywać 28. czerwca 2025 roku. Ustawa nakłada obowiązek dostosowania sklepów do WCAG 2.1., jednak w IdoSell chcemy zapewnić naszym merchantom jak najwyższy standard, wprowadziliśmy więc zmiany bazujące już na wytycznych do WCAG 2.2.
Ustawa o zapewnieniu spełniania wymagań dostępności niektórych produktów i usług przez podmioty gospodarcze została przyjęta przez Sejm 26. kwietnia 2024 roku, a jej pełne postanowienia zaczną obowiązywać 28. czerwca 2025 roku. Dyrektywa Unii Europejskiej wymaga, żeby strony internetowe, aplikacje i usługi cyfrowe spełniały standardy WCAG, czyli zapewniały równy dostęp do informacji i usług dla wszystkich użytkowników. Zmiany te są również szansą na otwarcie się dla nowej grupy klientów, którzy dzięki bardziej przejrzystemu i łatwiejszemu w obsłudze sklepowi, chętniej będą dokonywać zakupów w Twoim sklepie.
Więcej o Europejskim Akcie o Dostępności (EAA) oraz wytycznych do WCAG 2.1. przeczytasz w naszym ostatnim wpisie blogowym.
Najnowsze zmiany w szablonach Standard
Kontynuujemy prace przystosowujące szablony Standard już do wymogów WCAG 2.2. Opracowaliśmy szereg bezpłatnych zmian i usprawnień na stronie produktu:
- Nawigacja – poruszanie się po stronie produktu możliwe jest teraz za pomocą klawiatury. Zmiany te ułatwią zakupy osobom z niepełnosprawnościami.
- Widoczny fokus - aktywny element w trakcie nawigowania klawiaturą oznaczony jest dobrze widocznym obramowaniem (dostrzegalnym również na kolorowych tłach), dzięki zastosowaniu alternatywnego białego obrysu.
- Sterowanie głosem - strona produktu pozwala teraz na korzystanie z czytników tekstu, np. poprzez funkcję VoiceOver. Dzięki temu rozwiązaniu osoby z uszkodzonym zmysłem wzroku wiedzą, na jakim elemencie sklepu obecnie się znajdują.
- Treść i struktura - strona produktu ma teraz uporządkowaną i logiczną strukturę nagłówków (h1, h2, h3 itd.) dla czytelności i łatwego nawigowania.
- Pełna czytelność - przybliżenie na poziomie 400% nie zaburza czytelności i funkcjonalności strony produktu, co ułatwi zakupy osobom z uszkodzonym zmysłem wzroku.
- Brak migotania – strona produktu obsługuje systemowe ustawienia dostępności w zakresie redukcji migotania i pozwala na wyłączenie animacji.
- Strona produktu korzysta teraz ze zmiennych CSS z komponentu Design system BETA, który pozwala na stylowanie elementów strony głównej, strony produktu oraz stopki. W dalszych etapach prac komponent będzie odpowiadał również za style kolejnych podstron. Wielkości czcionek oraz odpowiednie dla nich odstępy zostaną globalnie dostosowane do zaleceń WCAG w ciągu najbliższych tygodni. Obecnie wielkości fontów zostały tymczasowo dostosowane do pozostałych podstron.
- Zdekomponowaliśmy detale produktu w trosce o zapewnienie dostępu do aktualizacji jak największej ilości elementów strony produktu. Dotychczasowa sekcja zawierająca informacje o cenach, promocjach, stanie magazynowym, przyciski dodawania do koszyka i szybkich checkoutów oraz strefę korzyści była jednym komponentem. Drobna personalizacja tego obszaru skutkowała utratą dostępu do aktualizacji. Dzięki dekompozycji personalizacja strony produktu jest jeszcze prostsza i pozwala na dostęp do aktualizacji większej ilości elementów.
Pamiętaj, że konieczność dostosowania do WCAG podlegają również treści CMS, takie jak: opisy produktów, opisy kategorii czy treści na podstronach i w strefach CMS. Zadbaj o odpowiednią hierarchię nagłówków, czytelność czcionek, alternatywne opisy grafik i kontrasty, aby ułatwić zakupy w swoim osobom z niepełnosprawnościami. Warto odpowiednio przygotować się na nadejście Europejskiego Aktu o Dostępności (EAA)!
Już wkrótce
W najbliższych tygodniach zostaną dostosowane również odpowiednie kontrasty w naszych schematach kolorystycznych oraz pojawią się dodatkowe zmienne pozwalające na dostosowanie koloru cen promocyjnych oraz labeli produktów. Będą one spełniać wymogi kontrastu na poziomie 4,5:1, a duże teksty na poziomie 3:1. Zaktualizujemy również predefiniowane schematy kolorystyczne w trosce o zgodność z Europejskim Aktem o Dostępności (EAA).
Jak zaktualizować szablon do najnowszej wersji
Jeżeli już korzystasz z szablonu Standard lub własnego lite i masz włączone automatyczne aktualizacje komponentów, nie musisz dokonywać żadnej czynności - zmiany zostaną wprowadzone samoistnie do najnowszej wersji.
W przypadku szablonów własnych pro oraz indywidualnych należy w narzędziu Composer:
Zaktualizować:
- komponent Detale STANDARD na karcie towaru,
- komponent Opinie STANDARD na karcie towaru,
- komponent Design system BETA w komponentach stylów.
Usunąć:
- komponent Konfigurator na karcie towaru,
- komponent Zestawy oraz kolekcje STANDARD na karcie towaru.
Sprawdź, dlaczego warto korzystać z szablonów Standard od IdoSell ❯
Powiązane treści
