Роля Структура на документа

`article`

Маркира самостоятелна композиция, която може да съществува независимо — публикация в блог, новина, отговор в форум или продуктова карта. Използвайте нативния елемент <article> на първо място; прибягвайте до role="article" само когато не можете да използвате HTML елемента.

Кога да се използва

Използвайте <article>. Нативният елемент носи ролята безплатно и се интегрира с алгоритъма за структура на документа.

role="article" върху <div> е подходящо, когато не може да се използва нативният елемент — обикновено поради ограничение на шаблонна система. Всяка статия трябва да съдържа собствено заглавие, за да могат потребителите на екранни четци да я идентифицират.

При поредица от статии (хронологична лента, индекс на блог) ги обгърнете в role="feed" и задайте aria-posinset / aria-setsize за всяка статия. В противен случай пропуснете двата атрибута.

Чести грешки

Използване на <article> за всеки блок съдържание. Елементът предполага „стои самостоятелно”. Кратко описание в странична лента рядко е статия.
role="article" върху <section>, която е част от по-голям документ, а не самостоятелна композиция. Използвайте role="region" или просто <section>.
Статия без заглавие. Потребителите на екранни четци, навигиращи по статии, не получават наименование за нея.
Влагане на <article> в <article> за нишка с коментари без употреба на aria-labelledby, за да се даде на всяка вътрешна статия отделно достъпно наименование.

Пример

<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>