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.

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.