WCAG 2.4.2 Titlul paginii

Criteriul de succes 2.4.2 îi ajută pe utilizatori să știe unde se află fără să citească întreaga pagină. Titlul paginii este primul lucru anunțat de un cititor de ecran, este textul din fila browserului și din marcaje și îi ajută pe cei cu dizabilități cognitive și pe oricine are multe file deschise. Este de nivelul A și face parte din EN 301 549 (clauza 9.2.4.2). Legea 232/2022 se bazează pe standardul armonizat EN 301 549.

Ce cere criteriul

Paginile web au titluri care le descriu subiectul sau scopul.

În HTML, aceasta înseamnă un element <title> care nu este gol. Ghidul W3C adaugă:

• titlul ar trebui să identifice conținutul paginii, astfel încât utilizatorii să poată distinge paginile între ele;
• în aplicațiile cu o singură pagină (SPA), titlul ar trebui actualizat când se schimbă vizualizarea;
• potrivirea titlului cu textul linkului sau cu titlul principal care a dus la pagină ajută la orientare.

O bună practică (nu o cerință strictă) este să puneți la început informația cea mai specifică: „Cămașă albastră din in – Cămăși bărbați – Numele magazinului”, nu „Numele magazinului – Numele magazinului – Cămașă”.

Greșeli tipice într-un magazin online

• toate paginile folosesc același titlu, doar numele magazinului;
• pagini de produs intitulate cu coduri interne („SKU 4471-B”);
• pagini cu rezultate de căutare fără termenul căutat în titlu;
• pași de finalizare a comenzii sau pagini de cont într-o aplicație SPA care păstrează titlul primei vizualizări;
• un <title> lipsă sau gol pe paginile de destinație create cu un page builder;
• pagini de eroare (404, „stoc epuizat”) cu un titlu care nu spune nimic despre eroare.

Cum se verifică

Automat: verificatorul nostru raportează paginile fără <title> sau cu un titlu gol (regula pentru titlul documentului). Dacă un titlu este descriptiv ține de judecata umană, așa că această parte necesită o verificare manuală.

Manual: deschideți principalele tipuri de pagini — prima pagină, categorie, produs, căutare, coș, fiecare pas de finalizare a comenzii, cont, 404 — și citiți fila browserului. Întrebați-vă: aș ști ce pagină este dacă ar fi singurul lucru pe care îl văd? Au două pagini diferite același titlu? Într-o finalizare a comenzii de tip SPA, verificați că titlul se schimbă la fiecare pas.

Cum se remediază

• Folosiți un șablon de titlu: {numele paginii sau al produsului} – {secțiune} – {numele magazinului}.
• Includeți termenul căutat și numărul paginii pe paginile de căutare și pe paginile de categorie paginate.
• Dați paginilor de eroare și de confirmare titluri precum „Pagina nu a fost găsită – Numele magazinului” sau „Comandă confirmată – Numele magazinului”.
• În aplicațiile SPA, setați document.title la fiecare schimbare de rută.
• Majoritatea platformelor (Shopify, WooCommerce, PrestaShop) vă permit să setați titluri SEO; titlurile descriptive ajută și motoarele de căutare.

Criterii conexe

• 2.4.6 Titluri și etichete — titlurile trebuie să descrie conținutul.
• 2.4.4 Scopul linkului (în context) — textul linkului ar trebui să spună unde duce linkul.
• Rulați o verificare gratuită pentru a vedea dacă paginile dumneavoastră au titluri.

Întrebări frecvente

Ce cere WCAG 2.4.2?

Fiecare pagină web trebuie să aibă un titlu care îi descrie subiectul sau scopul. În HTML, acesta este elementul title din head-ul paginii.

De ce spune un verificator de accesibilitate că titlul nu trece testul?

De obicei, pentru că pagina nu are element title sau acesta este gol. Instrumentele automate pot detecta doar acest lucru; nu pot aprecia dacă un titlu existent este descriptiv.

Trebuie ca titlurile să fie unice?

WCAG cere titluri descriptive, iar ghidul W3C spune că titlurile ar trebui să identifice pagina și să îi ajute pe utilizatori să distingă paginile între ele. În practică, titlurile identice pe toate paginile fac acest lucru imposibil, așa că dați fiecărei pagini propriul titlu.

Ce se întâmplă cu aplicațiile SPA și pașii de finalizare a comenzii?

Actualizați titlul când se schimbă vizualizarea, de exemplu „Livrare – Finalizarea comenzii – Numele magazinului”, astfel încât să reflecte mereu conținutul curent.