Seksjonselementer deler en side inn i meningsfulle områder. Flere av dem er kartlagt til ARIA landemerker — navngivne områder som assisterende teknologi lar brukere hoppe mellom, som en innholdsfortegnelse for siden.
...
Details
...
...
Skjermleserbrukere kan trykke på en tast for å liste opp landemerker og hoppe rett til <main>, og hopper over gjentatte topptekster og nav. Dette er en stor effektivitetsgevinst — de semantiske taggene gir det automatisk, ingen ARIA trengs.
<article> — innhold som gir mening av seg selv og kan syndikeres: et blogginnlegg, et produktkort, en kommentar.<section> — en tematisk gruppering innen et dokument, normalt med sin egen overskrift. Ikke selvstendig.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Tummelregel: hvis det kan stå alene, er det en <article>; hvis det bare er en merket del av en større helhet, er det en <section>. Ikke bruk <section> bare som en stilkledning — det er det <div> er til for.
Å bruke de rette seksjonselementene gir deg gratis, robuste landemerker for tastatur-/skjermlesersnavigering og en klar dokumentoversikt — som forbedrer tilgjengelighet og SEO uten noen ekstra ARIA-attributter.