Sektioneringselementer deler en side i meningsfulde områder. Flere af dem kortlægges til ARIA landmarks — navngivne områder, som assistiv teknologi lader brugere springe mellem, som en indholdsfortegnelse for siden.
...
Details
...
...
Skærmlæser-brugere kan trykke på en tast for at vise landmarks og springe direkte til <main>, og dermed springe over gentagne headere og nav. Dette er en stor effektivitetsgevinst — de semantiske tags giver det automatisk, intet ARIA nødvendig.
<article> — indhold, der giver mening på sit eget og kunne være syndikeret: et blogindlæg, et produktkort, en kommentar.<section> — en tematisk gruppering inden for et dokument, normalt med sin egen heading. Ikke selvstændig.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Gudeline: hvis det kan stå alene, er det en <article>; hvis det bare er en mærket del af en større helhed, er det en <section>. Brug ikke <section> udelukkende som en styling wrapper — det er hvad <div> er til.
At bruge de rigtige sektioneringselementer giver dig gratis, robuste landmarks til tastatur-/skærmlæser-navigation og en klar dokumentoversigt — forbedring af tilgængelighed og SEO uden yderligere ARIA-attributter.
Et bibliotek af IT-interviewspørgsmål med detaljerede svar — fra Junior til Senior.
Donér