Practică recomandată Prioritate: Moderat
Nivelurile titlurilor sar peste o treaptă
Titlurile de pe pagină sar peste niveluri, de exemplu de la <h2> direct la <h4>, așa că structura paginii are goluri. Este o practică recomandată, nu o cerință WCAG de nivel 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 explorează adesea o pagină după titluri, ca după un cuprins. Nivelurile omise dau impresia că lipsesc secțiuni și fac mai greu de înțeles cum se leagă detaliile produsului, recenziile și informațiile despre livrare.
Pe cine afectează
- utilizatorii de cititoare de ecran
- persoanele care navighează după titluri
- persoanele cu dizabilități cognitive
Cum se remediază
Folosiți nivelurile titlurilor pentru structură, nu pentru mărimea textului: un singur <h1> pentru subiectul principal, <h2> pentru secțiunile principale, <h3> în interiorul lor și așa mai departe, fără salturi. Dacă un titlu trebuie să arate mai mic sau mai mare, schimbați-i stilul în CSS, nu nivelul. Verificați blocurile repetate, precum cardurile de produs, barele laterale și subsolul, care folosesc adesea un nivel fix.
În Shopify
Nivelurile titlurilor sunt de obicei fixate în secțiunile și snippeturile temei, de exemplu în cardurile de produs sau titlurile din subsol. Ajustați etichetele în fișierele Liquid; o setare de mărime a titlului în editorul temei schimbă de obicei doar aspectul, nu nivelul.
În Shoptet (CZ)
Depinde în mare parte de șablon; controlați nivelurile doar în propriul conținut text. Folosiți formatele de titlu din editor în ordine și raportați problemele șablonului către Shoptet sau un partener.
În PrestaShop
Nivelurile sunt stabilite în fișierele .tpl ale temei și în module precum listele de produse și blocurile din subsol. Suprascrieți șabloanele în tema dvs. astfel încât nivelurile să urmeze în ordine.
În WooCommerce
Setați nivelul corect în editorul de blocuri sau în page builder; majoritatea widgeturilor de titlu au o opțiune de nivel separată de mărime. Titlurile widgeturilor temei și titlurile produselor din liste pot necesita o modificare în tema copil.
Standarde
Nu este un criteriu WCAG, ci o practică recomandată care face site-ul mai ușor de folosit.
Verificare automată: regula axe-core heading-order.
dequeuniversity.com, github.com, www.w3.org