A szekcionáló elemek egy oldalt értelmes régiókra osztanak fel. Közülük sok leképez ARIA landmarks-ra — elnevezett régiók, amelyek lehetővé teszik az asszisztív technikának, hogy a felhasználók közöttük ugorjanak, mint az oldal tartalomjegyzéke.
...
Details
...
...
A képernyőolvasó felhasználók megnyomhatnak egy gombot a landmarks felsorolásához és közvetlenül a <main>-re ugorhatnak, átugorva az ismétlődő fejléceket és navigációt. Ez jelentős hatékonysági nyereség — a szémantikus címkék ezt automatikusan biztosítják, nincs szükség ARIA-ra.
<article> — tartalom, amely önmagában értelmes és szindikulálható lehet: blogbejegyzés, termékpakli, megjegyzés.<section> — tematikus csoportosítás a dokumentumon belül, általában saját fejléccel. Nem önálló.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Hüvelykujjszabály: ha önmagában megállhat, az <article>; ha csak egy nagyobb egész címkézett darabja, az <section>. Ne használja a <section>-t pusztán stílusozási burkolóként — erre való a <div>.
A megfelelő szekcionáló elemek használatával ingyenes, robusztus landmarks-okat kapsz a billentyűzet/képernyőolvasó navigációhoz és egyértelmű dokumentumvázlathoz — javítva az akadálymentességet és az SEO-t további ARIA attribútumok nélkül.