Sektionelement delar en sida i meningsfulla regioner. Flera av dem mappar till ARIA landmärken — namngivna regioner som assistiv teknik låter användare hoppa mellan, som en innehållsförteckning för sidan.
...
Details
...
...
Skärmläsaranvändare kan trycka på en tangent för att lista landmärken och hoppa direkt till <main>, hoppa över upprepade rubriker och navigering. Detta är en stor effektivitetsvinst — de semantiska taggarna tillhandahåller det automatiskt, ingen extra ARIA behövs.
<article> — innehåll som är vettigt på egen hand och kunde syndiceras: ett blogginlägg, ett produktkort, en kommentar.<section> — en tematisk gruppering inom ett dokument, normalt med sin egen rubrik. Inte fristående.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Tumregel: om det kan stå ensamt, är det en <article>; om det bara är en märkt del av en större helhet, är det en <section>. Använd inte <section> rent som en styling wrapper — det är vad <div> är till för.
Att använda rätt sektionelement ger dig gratis, robusta landmärken för navigering med tangentbord/skärmläsare och en tydlig dokumentöversikt — förbättrar tillgänglighet och SEO utan några extra ARIA-attribut.