Practică recomandată Prioritate: Minor
Un titlu de pe pagină este gol
Pagina conține un titlu fără text lizibil, adesea rămas de la un titlu de secțiune gol, un bloc al temei sau un titlu format doar dintr-o pictogramă. 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
Mulți utilizatori de cititoare de ecran sar de la un titlu la altul pentru a înțelege rapid pagina. Un titlu gol este anunțat doar ca „titlu”, fără conținut, ceea ce derutează și îngreunează orientarea.
Pe cine afectează
- utilizatorii de cititoare de ecran
- persoanele care navighează după titluri
- persoanele nevăzătoare
Cum se remediază
Găsiți elementele <h1>–<h6> goale (sau elementele cu role="heading"). Adăugați un text cu sens sau eliminați eticheta de titlu dacă secțiunea nu are titlu. Dacă titlul conține doar o imagine sau o pictogramă, dați imaginii un text alternativ care să funcționeze ca text al titlului. Nu ascundeți textul titlului cu display:none sau aria-hidden.
În Shopify
Cauza este adesea o secțiune sau un bloc cu câmpul de titlu lăsat gol, în timp ce tema afișează totuși o etichetă goală. Completați titlul în editorul temei sau modificați codul Liquid al secțiunii astfel încât eticheta să apară doar când câmpul are text.
În Shoptet (CZ)
Provine de obicei din șablon sau dintr-un bloc de text gol. Completați sau eliminați blocul din administrare; dacă titlul face parte din șablon, adresați-vă Shoptet sau unui partener.
În PrestaShop
Provine adesea dintr-un bloc al temei sau al unui modul cu titlu gol. Completați titlul în configurarea modulului sau modificați fișierul .tpl astfel încât titlul să fie afișat doar când există text.
În WooCommerce
Provine adesea din widgeturi de titlu goale din page builder sau din șabloane ale temei care afișează un titlu chiar și când nu există. Ștergeți widgetul gol sau ajustați șablonul într-o temă 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 empty-heading.
dequeuniversity.com, github.com, www.w3.org