Practică recomandată Prioritate: Moderat
Pagina nu are un titlu principal
Pagina nu are un titlu de nivel superior (H1) care să-i numească subiectul, de exemplu numele produsului sau al categoriei. 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
Mulți utilizatori de cititoare de ecran apasă o singură tastă pentru a sări la titlul principal și a afla unde se află. Fără el, trebuie să ghicească din meniu și bannere dacă au ajuns la produsul sau categoria potrivită. Un H1 clar ajută și motoarele de căutare să înțeleagă pagina.
Pe cine afectează
- persoane nevăzătoare care folosesc cititoare de ecran
- persoane cu dizabilități cognitive
- persoane care parcurg paginile cu instrumente de citire
Cum se remediază
Dați fiecărei pagini un singur <h1> care îi descrie conținutul: numele produsului pe paginile de produs, numele categoriei pe paginile de categorie, „Coș” sau „Finalizare comandă” la acești pași. Folosiți un <h1> real (nu doar text mare și îngroșat) și nu faceți logo-ul titlu H1 pe fiecare pagină. Păstrați aspectul prin CSS, dacă e nevoie.
În Shopify
De obicei, titlul produsului, al colecției sau al paginii din fișierele de secțiuni ale temei este un <div> sau <h2>. Schimbați-l în <h1> în secțiunea respectivă; pe pagina principală adăugați un h1 sau setați primul bloc de titlu ca H1, dacă tema permite.
În Shoptet (CZ)
De obicei, numele produselor și categoriilor sunt deja H1; adesea lipsește pe pagina principală sau pe paginile proprii. Adăugați un titlu în editorul de conținut al paginii sau întrebați Shoptet ori un partener despre șablon.
În PrestaShop
De obicei, numele produsului sau al categoriei din șabloanele .tpl ale temei nu este un <h1>. Schimbați eticheta în șabloanele de produs și categorie ale temei sau ale unei teme copil.
În WooCommerce
De obicei, tema sau page builder-ul ascunde titlul paginii ori folosește un nivel mai mic. Reactivați titlul sau setați blocul de titlu la H1 în builder; în tema copil verificați șabloanele WooCommerce pentru titlurile de produse și arhive.
Standarde
Nu este un criteriu WCAG, ci o practică recomandată care face site-ul mai ușor de folosit.
Verificare automată: regula axe-core page-has-heading-one.
dequeuniversity.com, github.com, www.w3.org