Osioelementit jakavat sivun merkityksellisiin alueisiin. Useat niistä liittyvät ARIA landmarks-pisteisiin — nimettyihin alueisiin, joiden välillä aputeknologia antaa käyttäjien hyppää, kuten sivun sisällysluettelo.
...
Details
...
...
Ruudunlukija-käyttäjät voivat painaa näppäintä landmarks-pisteiden listaamiseksi ja hypätä suoraan <main>-elementtiin ohittaen toistuvat otsikot ja navigointi. Tämä on merkittävä tehokkuuden parannus — semanttiset tunnisteet tarjoavat sen automaattisesti, ARIA ei tarvita.
<article> — sisältö, jolla on merkitystä itsessään ja joka voisi olla jaettu: blogikirjoitus, tuotekortti, kommentti.<section> — temaattinen ryhmittely asiakirjan sisällä, tavallisesti omalla otsikolla. Ei itsenäinen.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Sääntö: jos se voisi olla olemassa yksinään, se on <article>; jos se on vain nimetty osa suuremmasta kokonaisuudesta, se on <section>. Älä käytä <section>-elementtiä puhtaasti tyylitys-suojuksena — se on <div>:n tarkoitus.
Oikeiden osioelementtien käyttö antaa sinulle ilmaisia, vahvoja landmarks-pisteitä näppäimistö-/ruudunlukija-navigointiin ja selkeän dokumenttirakenteen — parantaen saavutettavuutta ja SEO:ta ilman ylimääräisiä ARIA-määritteitä.