Sectiëringselementen verdelen een pagina in betekenisvolle regio's. Een aantal ervan mappen naar ARIA landmarks — benoemde regio's waarmee assistieve technologie gebruikers laat springen, zoals een inhoudsopgave voor de pagina.
...
Details
...
...
Gebruikers van schermlezers kunnen op een toets drukken om landmarks op te sommen en rechtstreeks naar <main> te springen, herhaalde koppen en nav over te slaan. Dit is een grote efficiëntiewinst — de semantische tags bieden dit automatisch, geen ARIA nodig.
<article> — inhoud die op zichzelf logisch is en kan worden gesyndication: een blogpost, een productkaart, een reactie.<section> — een thematische groepering binnen een document, normaal gesproken met een eigen kop. Niet zelfstandig.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Geregel: als het zelfstandig kan staan, is het een <article>; als het slechts een gelabeld stuk van een groter geheel is, is het een <section>. Gebruik <section> niet puur als stylingwrapper — dat is waarvoor <div> bestemd is.
Het gebruik van de juiste sectiëringselementen geeft je gratis, robuuste landmarks voor toetsenbord-/schermlezersnavigatie en een duidelijke documentstructuur — verbetert toegankelijkheid en SEO zonder extra ARIA-attributen.