Rolle Dokumentstruktur

`article`

Markerer en selvstændig komposition, der kan stå alene — et blogindlæg, en nyhedsartikel, et forumindlæg eller et produktkort. Brug det native <article>-element først; brug kun role="article", når du ikke kan bruge HTML-elementet.

Hvornår bruges den

Brug <article>. Det native element bærer rollen gratis og integreres med dokumentdispositionsalgoritmen.

role="article" på en <div> er passende, når du ikke kan bruge det native element — typisk en templatebegrænsning. Hvert artikel bør indeholde sin egen overskrift, så skærmlæser-brugere kan identificere den.

For en strøm af artikler (en tidslinje, et blogindeks) skal du pakke dem i role="feed" og sætte aria-posinset / aria-setsize på hvert artikel. Ellers skal du lade begge attributter stå.

Hyppige fejl

Bruge <article> til hvert indholdsblok. Elementet antyder “kan stå alene”. En blurb i en sidebar er sjældent en artikel.
role="article" på en <section>, der er en del af et større dokument, ikke en selvstændig komposition. Brug role="region" eller blot <section> i stedet.
Artikel uden overskrift. Skærmlæser-brugere, der navigerer efter artikel, har intet navn for den.
Indlejre <article> inden i <article> til en kommentartråd uden at bruge aria-labelledby til at give hvert indre artikel et distinkt tilgængeligt navn.

Eksempel

<article aria-labelledby="post-title-42">
  <h2 id="post-title-42">Why one main landmark per page</h2>
  <p>The <code>&lt;main&gt;</code> landmark identifies…</p>
</article>