Page 41 - HTML5

<li role="tab">Introduction</li>
<li role="tab">Chapter 1</li>
<li role="tab">Chapter 2</li>
</ul>

role="tabpanel"

A container for the resources associated with a tab, where each tab is contained in a tablist.

<ul role="tablist">
<li role="tab">Introduction</li>
<li role="tab">Chapter 1</li>
<li role="tab">Chapter 2</li>
</ul>
<div role="tabpanel">
<!-- etc -->
</div>

role="textbox"

Input that allows free-form text as its value.

<textarea role="textbox"></textarea>

role="timer"

A type of live region containing a numerical counter which indicates an amount of elapsed time
from a start point, or the time remaining until an end point.

<p>
<span role="timer">60</span> seconds remaining.
</p>

role="toolbar"

A collection of commonly used function buttons represented in compact visual form.

<ul role="toolbar">
<li><img alt="New" src="new.png"></li>
<li><img alt="Open" src="open.png"></li>
<li><img alt="Save" src="save.png"></li>
<li><img alt="Close" src="close.png"></li>
</ul>

role="tooltip"

A contextual popup that displays a description for an element.

<span aria-describedby="slopedesc">Slope</span>
<div role="tooltip" id="slopedesc">y=mx+b</div>

https://riptutorial.com/ 25