Practică recomandată Prioritate: Minor
O parte din conținut se află în afara zonelor principale ale paginii
Unele părți ale paginii nu se află în repere (landmarks) precum antetul, navigarea, conținutul principal sau subsolul. 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 de cititoare de ecran sar adesea între zonele paginii (antet, meniu, conținut principal, subsol) ca să găsească rapid ceva. Conținutul din afara acestor zone, de exemplu o bară de promoții, notificarea despre cookie-uri sau un bloc de newsletter, poate fi ratat sau găsit doar citind toată pagina rând cu rând.
Pe cine afectează
- utilizatorii de cititoare de ecran
- clienții nevăzători și cu vedere slabă
Cum se remediază
Plasați tot conținutul vizibil în elemente de reper: <header>, <nav>, <main>, <aside> și <footer> (sau rolurile ARIA corespunzătoare). Mutați blocurile rătăcite, precum barele de anunțuri, bannerele și formularele de newsletter, în reperul potrivit și asigurați-vă că fiecare pagină are exact un <main>. Ferestrele pop-up și bannerele de cookie-uri pot fi marcate ca dialog sau ca regiune cu nume.
În Shopify
Fișierul layout/theme.liquid al temei are de obicei deja antet, <main> și subsol; avertismentul apare din cauza secțiunilor sau blocurilor de aplicații inserate în afara lor. Mutați-le în grupul potrivit sau încadrați-le într-un reper în codul Liquid.
În Shoptet (CZ)
Depinde de șablon; și HTML-ul adăugat prin opțiunile de cod propriu din Shoptet poate ajunge în afara reperelor. Încadrați propriul cod într-un element de reper, iar pentru șablon contactați echipa Shoptet sau un partener.
În PrestaShop
Verificați fișierele .tpl de layout ale temei pentru blocuri afișate în afara antetului, conținutului principal și subsolului, mai ales hook-uri de module precum bannerele. Încadrați-le într-un reper potrivit în șabloanele temei.
În WooCommerce
Adesea cauza sunt secțiunile unui page builder sau conținutul pluginurilor din afara elementului <main> al temei. Ajustați șabloanele de antet și subsol în tema copil sau folosiți setarea de tag HTML pentru secțiuni din builder, dacă există.
Standarde
Nu este un criteriu WCAG, ci o practică recomandată care face site-ul mai ușor de folosit.
Verificare automată: regula axe-core region.
dequeuniversity.com, github.com, www.w3.org