Definiție
Headerul semantic este o etichetă HTML folosită pentru a marca secțiuni de titlu sau de structură într-o pagină web, oferind sens și ierarhie conținutului. Tagurile precum <h1>, <h2>, …, <h6>, dar și elemente precum <header> joacă un rol esențial în organizarea logică a informației, atât pentru utilizatorii umani, cât și pentru tehnologiile de asistare.
Spre deosebire de un simplu text stilizat ca titlu (ex. text mare și bold), un header semantic este înțeles de:
- cititoarele de ecran, care pot anunța titlul și nivelul acestuia;
- motoarele de căutare, care interpretează structura pentru indexare;
- utilizatorii care folosesc navigare rapidă prin titluri (ex: taste rapide pentru a sări între secțiuni).
Exemple concrete
<h1>pentru titlul principal al unei pagini („Ghid de accesibilitate web”).<h2>pentru subtitluri mari care împart pagina în capitole („1. Principii generale”).<header>pentru introducerea unei secțiuni de conținut, inclusiv titlu și eventual un meniu local.
Bune practici
- Se folosește un singur
<h1>per pagină, ca titlu principal. - Nivelurile titlurilor trebuie respectate ierarhic: nu sărim de la
<h2>direct la<h4>. - Headerul nu se folosește doar pentru a face textul „mai mare” vizual — ci pentru a semnala structura logică a conținutului.
- Evitarea folosirii doar a CSS pentru a mima titluri — lipsa semnificației semantice afectează grav accesibilitatea.
Pentru utilizatorii de cititoare de ecran, navigarea prin titluri este una dintre cele mai rapide și eficiente metode de orientare pe o pagină. Dacă header-ele sunt omise sau folosite greșit (ex: toate <h1> sau toate <h5> fără logică), experiența devine confuză și frustrantă.
Please follow and like us:
