Page 36 - HTML5
P. 36

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


        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>



        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>


        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>


        role="option"


        A selectable item in a select list.


         <ul role="listbox">
           <li role="option">Option 1</li>
           <li role="option">Option 2</li>
           <li role="option">Option 3</li>
         </ul>



        role="presentation"


        An element whose implicit native role semantics will not be mapped to the accessibility API.






        https://riptutorial.com/                                                                               20
   31   32   33   34   35   36   37   38   39   40   41