Prvky pro dělení obsahu rozdělují stránku na smysluplné oblasti. Některé z nich se mapují na ARIA landmarks — pojmenované oblasti, mezi kterými nám asistivní technologie umožňuje skákat, jako obsah stránky.
...
Details
...
...
Uživatelé čteček obrazovky mohou stisknout klávesu k zobrazení seznamu landmarks a skočit přímo na <main>, přeskakując opakované nadpisy a navigaci. To je significantní nárůst efektivity — sémantické značky to poskytují automaticky, bez ARIA.
<article> — obsah, který dává smysl sám o sobě a mohl by být syndikován: příspěvek blogu, kartička produktu, komentář.<section> — tematické seskupení v rámci dokumentu, obvykle s vlastním nadpisem. Není samostatné.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Pravidlo: pokud by to mohlo existovat samo, je to <article>; pokud je to jen pojmenovaná část většího celku, je to <section>. Nepoužívejte <section> čistě jako styling wrapper — to je určení <div>.
Použití správných prvků pro dělení vám dá bezplatné, robustní landmarks pro navigaci klávesnicí/čtečkou obrazovky a jasný dokument outline — zlepšující dostupnost a SEO bez jakýchkoliv dalších ARIA atributů.