Ułatwienia dostępu
Ułatwienia dostępu - Dostosuj swój sklep do wymogów europejskiej dyrektywy EAA (European Accessibility Act) i standardów WCAG 2.1 w zakresie dostępności cyfrowej. Przedstawiamy praktyczne wskazówki, jak edytować treści w sklepie, aby zachować zgodność z zasadami dostępności m.in. dodawanie opisów alternatywnych (alt) i stosowanie poprawnej struktury nagłówków.
Spis treści
- Dodanie parametru opisu alternatywnego (alt) do zdjęcia w opisie
- Dodanie nagłówków do opisu
- Dodanie parametru opisu (aria-label) do baneru wideo
- Sprawdzenie kontrastu tekstów
- Włączenie reCaptcha v3
Dodanie parametru opisu alternatywnego (alt) do zdjęcia w opisie produktu
- Przejdź do edycji wybranego produktu,
- W opisie kliknij interesujący cię obraz,
- Kliknij na niego prawym przyciskiem myszy i wybierz Obraz,
- W polu Opis obrazka opisz co znajduje się na obrazie,
- Naciśnij przycisk Ok,
- Zapisz edycję produktu.
Dodanie nagłówków do opisu
- Przejdź do edycji wybranego produktu,
- W opisie zaznacz tekst, który ma być nagłówkiem
- Kliknij Formaty → Nagłówki i wybierz jeden z nagłówków,
Zaleca się używanie poziomów nagłówków po kolei: nagłówek 2 dla tytułu sekcji, nagłówek 3 dla tytułu podsekcji itd.
Na stronie powinien występować tylko jeden nagłówek poziomu 1. W przypadku produktów, kategorii i postów bloga, nazwa produktu/kategorii/posta jest już nagłówkiem poziomu 1, więc nie zaleca się dodawania kolejnego.
- Zapisz edycję produktu.
Dodanie parametru opisu (aria-label) do baneru wideo
- Przejdź do Grafika → Banery,
- Edytuj wybrany baner wideo,
- W polu Opis video opisz co się dzieje na filmie,
Wpisz opis o długości ok. 250 znaków (1–2 zdania).
- Naciśnij przycisk Zapisz.
Sprawdzenie kontrastu tekstów
Jeżeli korzystasz w opisie z różnych kolorów tekstu, warto jest sprawdzić jego wskaźnik kontrastu na https://app.contrast-finder.org/.
Wymagany jest współczynnik minimum 4.5 (3 dla dużego tekstu).
Włączenie reCaptcha v3
W celu zapewnienia zgodności z WCAG 2.1 zalecamy korzystanie z reCAPTCHA v3. Integracja sklepu z reCAPTCHA v3 została przez nas dodatkowo dostosowana do wymogów dostępności. Zobacz jak włączyć Captchę w wersji reCaptcha v3.