Practică recomandată Prioritate: Moderat
Pagina nu are conținutul principal marcat
Nicio parte a paginii nu este marcată drept conținut principal, așa că tehnologiile de asistență nu pot ști unde începe partea importantă. Este o practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legea.
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. Aici capitolul „conținut principal” lipsește, așa că pe fiecare pagină de produs sau categorie trebuie să asculte logo-ul, meniul și bannerele înainte de a ajunge la produse.
Pe cine afectează
- persoane nevăzătoare care folosesc cititoare de ecran
- utilizatori de tastatură
- persoane cu dizabilități motorii care folosesc dispozitive cu comutator
Cum se remediază
Încadrați conținutul central al fiecărui șablon de pagină, adică tot ce se află între antet și subsol, într-un singur element <main> (sau un container cu role="main"). Nu puneți în el antetul, navigarea sau subsolul. Verificați fiecare tip de șablon: pagina principală, categorie, produs, coș, finalizare comandă, blog și pagini statice.
În Shopify
Majoritatea temelor actuale au <main> în layout/theme.liquid; temele vechi sau personalizate pot folosi un simplu <div>. Schimbați acest înveliș din jurul {{ content_for_layout }} în <main id="MainContent">.
În Shoptet (CZ)
De obicei, este stabilit de șablon, deci e greu de schimbat singur. Semnalați problema către Shoptet sau un partener și cereți un element <main> în jurul conținutului paginii.
În PrestaShop
De obicei, este setat în fișierele de layout ale temei (.tpl), de exemplu în layout-ul folosit de toate paginile. Schimbați învelișul conținutului în <main> în fiecare fișier de layout sau într-o temă copil.
În WooCommerce
De obicei, header.php/footer.php ale temei deschid și închid învelișul conținutului cu un <div>. Într-o temă copil schimbați-l în <main> sau setați eticheta containerului de conținut la main în page builder, dacă acesta permite.
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-one-main.
dequeuniversity.com, github.com, www.w3.org