Page 31 - HTML5

Author: Albert Einstein<br>
Published: August 15, 1940
</p>

role="definition"

A definition of a term or concept.

<span role="term" aria-labelledby="def1">Love</span>
<span id="def1" role="definition">an intense feeling of deep affection.</span>

role="dialog"

A dialog is an application window that is designed to interrupt the current processing of an
application in order to prompt the user to enter information or require a response.

<div role="dialog">
<p>Are you sure?</p>
<button role="button">Yes</button>
<button role="button">No</button>
</div>

role="directory"

A list of references to members of a group, such as a static table of contents.

<ul role="directory">
<li><a href="/chapter-1">Chapter 1</a></li>
<li><a href="/chapter-2">Chapter 2</a></li>
<li><a href="/chapter-3">Chapter 3</a></li>
</ul>

role="document"

A region containing related information that is declared as document content, as opposed to a web
application.

<div role="document">
<h1>The Life of Albert Einstein</h1>
<p>Lorem ipsum...</p>
</div>

role="form"

A landmark region that contains a collection of items and objects that, as a whole, combine to
create a form.

Using the semantically correct HTML element <form> implies default ARIA semantics, meaning
role=form is not required as you should not apply a contrasting role to an element that is already

https://riptutorial.com/ 15