Page 29 - HTML5

<article>
<h1>My first article</h1>
<p>Lorem ipsum...</p>
</article>

You would use role=article on non-semantic elements (not recommended, invalid)

<div role="article">
<h1>My first article</h1>
<p>Lorem ipsum...</p>
</div>

W3C Entry for role=article

role="banner"

A region that contains mostly site-oriented content, rather than page-specific content.

<div role="banner">
<h1>My Site</h1>

<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</div>

role="button"

An input that allows for user-triggered actions when clicked or pressed.

<button role="button">Add</button>

role="cell"

A cell in a tabular container.

<table>
<thead>
<!-- etc -->
</thead>
<tbody>
<td role="cell">95</td>
<td role="cell">14</td>
<td role="cell">25</td>
</tbody>
</table>

role="checkbox"

https://riptutorial.com/ 13