Practică recomandată Prioritate: Minor
Subsolul site-ului se află în interiorul altei zone a paginii
Zona subsolului (reperul „contentinfo” cu date de contact, linkuri legale și informații despre plată) este inclusă în alt reper, de exemplu în conținutul principal, în loc să stea separat în partea de jos a paginii. Este o bună practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legislația privind accesibilitatea.
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 între zonele paginii (antet, meniu, conținut principal, subsol) ca între capitole și merg adesea direct la subsol pentru contact, informații despre livrare și retur sau termeni. Când subsolul e inclus în conținutul principal sau în altă zonă, nu apare ca un capitol separat, așa că acești clienți trebuie să caute informații pe care ceilalți le văd dintr-o privire.
Pe cine afectează
- utilizatori de cititoare de ecran
- clienți care caută cu cititorul de ecran contactul, returul sau termenii
Cum se remediază
Plasați <footer>-ul site-ului (sau elementul cu role="contentinfo") direct în structura paginii, după <main> și în afara oricărui alt reper. O cauză frecventă este un container de pagină cu role="main" care se închide abia după subsol sau role="contentinfo" adăugat unui footer aflat în alt reper. Un <footer> în interiorul unui <article> sau <section> este în regulă, deoarece nu este tratat ca subsol al site-ului.
În Shopify
Grupul de secțiuni al subsolului stă de obicei după <main> în layout/theme.liquid. Verificați că <main> sau un container propriu cu rol de reper se închide înainte de subsol și că nicio secțiune nu adaugă role="contentinfo" în interiorul conținutului.
În Shoptet (CZ)
Este stabilit de structura HTML a șablonului. Verificați dacă o versiune mai nouă a șablonului rezolvă problema; altfel, semnalați-o la Shoptet sau unui partener.
În PrestaShop
De obicei în fișierele .tpl de layout ale temei care includ subsolul. Asigurați-vă că blocul subsolului vine după închiderea containerului de conținut principal și nu stă într-un element cu rol de reper.
În WooCommerce
De obicei footer.php al temei închide prea târziu containerul de conținut sau șablonul de subsol al unui page builder stă într-un element cu rol de reper. Corectați în footer.php al temei copil sau în șablonul de subsol al 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 landmark-contentinfo-is-top-level.
dequeuniversity.com, github.com, www.w3.org