Elementele de secționare împart o pagină în regiuni semnificative. Mai multe dintre ele se mapează la repere ARIA — regiuni denumite care permit tehnologia asistivă utilizatorilor să sară între ele, ca o cuprins pentru pagină.
...
Details
...
...
Utilizatorii de cititori de ecran pot apăsa o tastă pentru a lista repere și pentru a sări direct la <main>, trecând peste antetele și navigarea repetate. Acesta este un câștig de eficiență major — etichetele semantice o oferă automat, nicio ARIA necesară.
<article> — conținut care are sens pe cont propriu și poate fi sindicat: un articol de blog, o carte de produs, un comentariu.<section> — o grupare tematică în cadrul unui document, în mod obișnuit cu propriul titlu. Nu este independent.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Regulă: dacă poate sta singur, este <article>; dacă este doar o bucată etichetată dintr-un întreg mai mare, este <section>. Nu folosiți <section> doar ca învelitoare de stil — aceasta este pentru ce este <div>.
Folosirea elementelor de secționare corecte vă oferă repere gratuite și robuste pentru navigare prin tastatură/cititor de ecran și o schiță clară a documentului — îmbunătățind accesibilitatea și SEO fără atribute ARIA suplimentare.