• Blog
• Blog produktowy
• Czerwiec 2025
• Wprowadziliśmy zmiany wspierające zgodność z WCAG 2.2 na liście towarów w szablonach Standard

Najlepsze rozwiązania do sprzedaży w internecie

Blog produktowy

IdoSell

Z przyjemnością informujemy o kolejnych udoskonaleniach szablonów Standard, dzięki którym sklepy IdoSell stają się jeszcze bardziej intuicyjne i czytelne dla użytkowników. Teraz Twój sklep internetowy może korzystać z szablonu wspierającego zgodność z wytycznymi WCAG 2.2 AA zarówno list towarów, jak i kluczowych elementów wizualnych, takich jak: schematy kolorystyczne i top szablonu.

Nie zwalniamy tempa z wprowadzaniem aktualizacji w szablonach Standard, aby wspierały zgodność z wytycznymi WCAG. Ostatnio informowaliśmy o zmianach, które wprowadziliśmy na karcie towaru w tym zakresie. Teraz już również lista produktów w szablonach standardowych IdoSell została zoptymalizowana pod kątem dostępności – poprawiono kontrasty, strukturę nagłówków oraz nawigację przy użyciu klawiatury i technologii wspomagających.

Wprowadziliśmy kilka funkcjonalnych zmian, które zwiększają spójność i przewidywalność interfejsu

Ujednolicenie kafelków produktowych ze strefami rekomendacji – od teraz wszystkie kafelki, również w listach towarów, korzystają z tej samej logiki prezentacji. W przypadku zdjęć, które nie wypełniają całego kadru, pod grafiką produktu wyświetlana jest szara apla, zapewniająca jednolitą strukturę wizualną i czytelność układu.

Usprawnienia zwiększające zgodność z WCAG 2.2 na listach towarów - obsługa nawigacji klawiaturą, obsługa czytników tekstu, poprawa semantyki kodu HTML oraz zwiększenie kontrastów.

Nowy, opcjonalny komponent z możliwością dodawania do koszyka bezpośrednio z listy towarów – długo oczekiwana funkcjonalność, która znacząco skraca ścieżkę zakupową i podnosi wygodę użytkowników. Merchant może aktywować ten widok w zależności od potrzeb sklepu.

Nowe schematy kolorystyczne - zgodność i estetyka

W ramach aktualizacji wprowadziliśmy nowe schematy kolorystyczne, które wspierają zgodność z WCAG 2.2 AA, zapewniając wysoki kontrast i czytelność interfejsu.

Dostępne schematy z jasnym tłem:

• niebieski,
• czarny,
• grafitowy,
• indygo,
• zielony,
• różowy,
• fioletowy
• czerwony,
• turkusowy,
• bursztynowy.

Dostępne schematy z ciemnym tłem:

• niebieski,
• złoty,
• grafitowy,
• indygo,
• zielony,
• różowy,
• fioletowy,
• czerwony,
• turkusowy,
• bursztynowy.

Schematy z ciemnym tłem zostały także rozszerzone o szereg poprawek i usprawnień, które znacząco zwiększają czytelność wszystkich elementów szablonu – od tekstów, przez przyciski, po menu i stopkę.

Wszystkie nowo zakładane sklepy korzystają wyłącznie z nowych zestawów kolorów, wspierających zgodność z WCAG.

Sklepy istniejące mają do dyspozycji:

• Poprzednie schematy kolorystyczne – dostępne tymczasowo - jako wycofywane.
• Nowe, wspierające zgodność z WCAG 2.2 AA – zalecamy przejście, by zapewnić odpowiednie kontrasty kolorów. Uwaga, niektóre elementy szablonu mogą wymagać zaktualizowania komponentów Standard do najnowszych wersji, aby w pełni korzystać z nowych palet kolorów.

Własne schematy kolorystyczne pozwalają teraz na zdefiniowanie odrębnych kolorów dla ceny promocyjnej produktów oraz etykiet produktów (np. Bestseller).

Dostosowany top szablonu - większa elastyczność i dostępność

Zmodernizowaliśmy również top szablonu, wprowadzając szereg usprawnień wspierających zgodność z WCAG 2.2 AA. Wśród kluczowych zmian znajdują się:

Zdekomponowanie topu z wykorzystaniem komponentu typu wrapper – umożliwia to łatwiejszą personalizację i większą kontrolę nad wyglądem.

Szereg usprawnień wspierających zgodność z WCAG 2.2 AA, takich jak: dodanie brakujących etykiet, umożliwienie nawigacji klawiaturą po menu kategorii czy dostosowanie kontrastów.

Nowy wariant topu z wyśrodkowanym logo – opracowany na podstawie licznych sugestii merchantów. Wszystkie kategorie domyślnie ukryte są pod ikoną ☰, dzięki czemu menu pozostaje czytelne niezależnie od liczby kategorii.

Aby skorzystać z nowego wariantu topu:

Wymień komponent:

• Układ topu (top_menu_wrapper) na Układ topu z wyśrodkowanym logo (top_menu_wrapper)

Zaktualizuj komponenty:

• Struktura strony (envelope),
• Struktura strony STANDARD DECOR (envelope),
• Struktura strony STANDARD FASHION (envelope),
• Struktura strony STANDARD 4 (envelope),
• Układ strony (layout),
• Układ strony STANDARD 2 (layout),
• Układ strony STANDARD 3 (layout),
• Układ strony STANDARD 4 (layout).

Ukryj lub usuń komponenty:

• Wyszukiwarka podpowiedzi STANDARD FASHION (menu_search),
• Wyszukiwarka podpowiedzi STANDARD (menu_search).

Zmień kolejność komponentów:

• Menu kategorii STANDARD (menu_categories) przed Logo STANDARD (menu_top).

Lista wszystkich komponentów do aktualizacji ❯

Zachęcamy do korzystania z nowych funkcji i przełączenia się na rozwiązania wspierające zgodność z WCAG – dla lepszego doświadczenia użytkowników i zwiększania dostępności swojego sklepu.
Jeżeli korzystasz z szablonu Standard lub szablonu własnego Lite, upewnij się, że Twój sklep ma włączone automatyczne aktualizacje komponentów i szablonów Standard. Dzięki temu Twój sklep zawsze będzie miał najaktualniejsze widoki, bez konieczności ręcznej aktualizacji.

Zmiany będą dostępne u wszystkich merchantów do 25.06.2025 r.

Poznaj szablony Standard od IdoSell ❯