Wymaganie WCAG A/AA Priorytet: Poważne
Brakuje szybkiego przejścia do głównej treści
Na stronie nie ma linku pomijającego, nagłówka ani obszaru main, które pozwoliłyby osobom korzystającym z klawiatury i czytników ekranu przeskoczyć nagłówek i menu.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Osoby korzystające z klawiatury muszą na każdej stronie przechodzić klawiszem Tab przez cały nagłówek, menu i filtry, zanim dotrą do produktów lub koszyka. Osoby korzystające z czytników ekranu nie mogą szybko znaleźć początku treści.
Kogo to dotyczy
- osoby korzystające z klawiatury zamiast myszy
- osoby korzystające z czytników ekranu
- osoby z niepełnosprawnością ruchową
Jak to naprawić
Należy dodać link „Przejdź do treści” jako pierwszy element, do którego można przejść klawiszem Tab, prowadzący do głównej treści i widoczny po otrzymaniu fokusu. Główną treść warto objąć elementem <main> i nadać stronie czytelną strukturę nagłówków, zaczynając od <h1>. Najlepiej zastosować wszystkie trzy.
W Shopify
Większość aktualnych motywów ma link pomijający i <main>; starsze lub mocno zmienione motywy mogą je tracić. Należy je przywrócić w layout/theme.liquid.
W Shoptet (CZ)
Zależy od szablonu. Warto sprawdzić, czy nowsza wersja szablonu ma link pomijający; w przeciwnym razie zgłosić to do Shoptet lub partnera Shoptet.
W PrestaShop
Domyślne motywy zwykle mają nagłówki i obszar głównej treści; własne motywy nie zawsze. Link pomijający i <main> należy dodać w plikach .tpl układu motywu.
W WooCommerce
Zależy od motywu; niektóre nagłówki kreatorów stron lub puste szablony usuwają link pomijający albo <main>. Należy je dodać w szablonie nagłówka motywu potomnego lub w ustawieniach motywu w kreatorze.
Normy
| Norma | Punkt |
|---|---|
| WCAG 2.2 | 2.4.1 (A) Bypass Blocks |
| WCAG 2.1 | 2.4.1 (A) Bypass Blocks |
| WCAG 2.0 | 2.4.1 (A) Bypass Blocks |
| EN 301 549 4.1.1 | 9.2.4.1 |
| EN 301 549 3.2.1 | 9.2.4.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.2.4.1 |
Automatyczny test: reguła axe-core bypass.
dequeuniversity.com, github.com, www.w3.org
Podobne testy
-
Niektóre paski postępu nie mają nazwy
WCAG 1.1.1 A
-
Niektóre wskaźniki poziomu nie mają nazwy
WCAG 1.1.1 A
-
Atrybuty dostępności użyto w niewłaściwej sytuacji
WCAG 4.1.2 A
-
Niestandardowe pola formularza nie mają etykiety
WCAG 4.1.2 A