Page 34 - HTML5

<li role="listitem">Two</li>
<li role="listitem">Three</li>
</ul>

role="listbox"

A widget that allows the user to select one or more items from a list of choices.

<ul role="listbox">
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>

Typically, you would use JavaScript to build the multiple-selection functionality.

role="listitem"

A single item in a list or directory.

<ul role="list">
<li role="listitem">One</li>
<li role="listitem">Two</li>
<li role="listitem">Three</li>
</ul>

role="log"

A type of live region where new information is added in meaningful order and old information may
disappear.

<ul role="log">
<li>User 1 logged in.</li>
<li>User 2 logged in.</li>
<li>User 1 logged out.</li>
</ul>

role="main"

The main content of a document.

<!-- header & nav here -->
<div role="main">
<p>Lorem ipsum...</p>
</div>
<!-- footer here -->

role="marquee"

A type of live region where non-essential information changes frequently.

https://riptutorial.com/ 18