Practică recomandată Prioritate: Moderat
Linkul „Salt la conținut” nu funcționează
Pagina are un link de salt, dar locul spre care trimite nu există sau nu poate primi focus. Aceasta este o practică recomandată, dincolo de nivelul WCAG 2.2 AA.
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 aleg „Salt la conținut” ca să treacă peste meniu, dar nu se întâmplă nimic sau focusul revine sus. Apoi trebuie să treacă cu Tab prin tot antetul și meniul pe fiecare pagină, ceea ce face răsfoirea și finalizarea comenzii lente și obositoare.
Pe cine afectează
- utilizatorii care navighează cu tastatura
- utilizatorii de cititoare de ecran
- persoanele cu dizabilități motorii
Cum se remediază
Asigurați-vă că href-ul linkului de salt (de exemplu #MainContent) corespunde cu id-ul unui element prezent pe fiecare pagină, de obicei elementul <main>. Dacă ținta nu poate primi focus în mod implicit, adăugați-i tabindex="-1". Testați: încărcați pagina, apăsați o dată Tab, apoi Enter; următorul Tab ar trebui să ajungă în conținutul principal.
În Shopify
Majoritatea temelor pun linkul de salt în layout/theme.liquid, cu trimitere la id-ul conținutului principal. Dacă un șablon sau o secțiune personalizată a schimbat sau a eliminat acest id, restaurați-l în codul Liquid.
În Shoptet (CZ)
Depinde de șablon. Dacă ați adăugat propriul link de salt prin cod propriu, verificați că ținta lui există; altfel contactați echipa Shoptet sau un partener.
În PrestaShop
Verificați fișierele .tpl de layout ale temei: id-ul țintei linkului de salt trebuie să corespundă unui element prezent pe toate tipurile de pagini, inclusiv paginile de produs și de coș.
În WooCommerce
Linkul de salt vine de obicei din șablonul de antet al temei, iar ținta din șablonul de conținut. Page builderele și șabloanele goale elimină adesea ținta; adăugați id-ul corespunzător în tema copil sau în setările builderului.
Standarde
Nu este un criteriu WCAG, ci o practică recomandată care face site-ul mai ușor de folosit.
Verificare automată: regula axe-core skip-link.
dequeuniversity.com, github.com, www.w3.org