Cerință WCAG A/AA Prioritate: Grav
Nu există o cale rapidă către conținutul principal
Pagina nu are un link de salt, un titlu sau o zonă main care să le permită utilizatorilor de tastatură și de cititoare de ecran să sară peste antet și meniu.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Utilizatorii care navighează cu tastatura trebuie să apese Tab prin tot antetul, meniul și filtrele pe fiecare pagină înainte să ajungă la produse sau la coș. Utilizatorii de cititoare de ecran nu pot găsi rapid unde începe conținutul.
Pe cine afectează
- utilizatorii care navighează cu tastatura
- utilizatorii de cititoare de ecran
- persoanele cu dizabilități motorii
Cum se remediază
Adăugați un link „Salt la conținut” ca prim element care poate primi focus, care duce la conținutul principal și devine vizibil la focus. Încadrați conținutul principal într-un element <main> și dați paginii o structură clară de titluri, începând cu un <h1>. Ideal este să le aveți pe toate trei.
În Shopify
Majoritatea temelor actuale au un link de salt și <main>; temele vechi sau foarte personalizate le pot pierde. Readăugați-le în layout/theme.liquid.
În Shoptet (CZ)
Depinde de șablon. Verificați dacă o versiune mai nouă a șablonului are link de salt; altfel contactați echipa Shoptet sau un partener.
În PrestaShop
Temele implicite au de obicei titluri și o zonă de conținut principal; temele personalizate nu întotdeauna. Adăugați un link de salt și <main> în fișierele .tpl de layout ale temei.
În WooCommerce
Depinde de temă; unele antete din page buildere sau șabloane goale elimină linkul de salt ori <main>. Adăugați-le în șablonul de antet al temei copil sau în setările temei din builder.
Standarde
| Standard | Punct |
|---|---|
| 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 |
Verificare automată: regula axe-core bypass.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Unele bare de progres nu au nume
WCAG 1.1.1 A
-
Unii indicatori de nivel nu au nume
WCAG 1.1.1 A
-
Atributele de accesibilitate sunt folosite în situația greșită
WCAG 4.1.2 A
-
Câmpurile de introducere personalizate nu au etichetă
WCAG 4.1.2 A