Page 112 - HTML5 Notes for Professionals

<li role="menuitem">Help</li>
</ul>

Section 41.34: role="menuitem"

An option in a group of choices contained by a menu or menubar.

<ul role="menubar">
<li role="menuitem">File</li>
<li role="menuitem">Edit</li>
<li role="menuitem">View</li>
<li role="menuitem">Help</li>
</ul>

Section 41.35: role="menuitemcheckbox"

A checkable menuitem that has three possible values: true, false, or mixed.

<ul role="menu">
<li role="menuitem">Console</li>
<li role="menuitem">Layout</li>
<li role="menuitemcheckbox" aria-checked="true">Word wrap</li>
</ul>

Section 41.36: role="menuitemradio"

A checkable menuitem in a group of menuitemradio roles, only one of which can be checked at a time.

<ul role="menu">
<li role="menuitemradio" aria-checked="true">Left</li>
<li role="menuitemradio" aria-checked="false">Center</li>
<li role="menuitemradio" aria-checked="false">Right</li>
</ul>

Section 41.37: role="navigation"

A collection of navigational elements (usually links) for navigating the document or related documents.

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

Section 41.38: role="note"

A section whose content is parenthetic or ancillary to the main content of the resource.

<p>Lorem ipsum...</p>
<p>Lorem ipsum...</p>
<p role="note">Lorem ipsum...</p>

Section 41.39: role="option"

A selectable item in a select list.

GoalKicker.com – HTML5 Notes for Professionals 105