Difference between revisions of "ARIA Listbox"

From Level Access Web Labs
Jump to navigation Jump to search
Line 96: Line 96:
 
       <div role="listbox" onfocus="" id="lb1" onkeydown="change(event); return true;" aria-owns="l1" aria-activedescendant="li1" aria-labelledby="lbl1" aria-expanded="true" onblur="" tabindex="0" >
 
       <div role="listbox" onfocus="" id="lb1" onkeydown="change(event); return true;" aria-owns="l1" aria-activedescendant="li1" aria-labelledby="lbl1" aria-expanded="true" onblur="" tabindex="0" >
 
       <ul class="lb" role="listbox" id="l1" aria-labelledby="lbl1" tabindex="-1">
 
       <ul class="lb" role="listbox" id="l1" aria-labelledby="lbl1" tabindex="-1">
         <li aria-posinset="1" onclick="select(this);" aria-selected="true" id="li1" role="option" tabindex="-1" aria-hidden="false">iOS</li>
+
         <li aria-posinset="1" onclick="select(this);" aria-selected="true" id="li1" role="option" title="title 1" tabindex="-1" aria-hidden="false">iOS</li>
         <li aria-posinset="2" onclick="select(this);" aria-selected="false" id="li2" role="option" tabindex="-1" aria-hidden="false">Android</li>
+
         <li aria-posinset="2" onclick="select(this);" aria-selected="false" id="li2" role="option" title="title 2" tabindex="-1" aria-hidden="false">Android</li>
         <li aria-posinset="3" onclick="select(this);" aria-selected="false" id="li3" role="option" tabindex="-1" aria-hidden="false">Windows Phone</li>
+
         <li aria-posinset="3" onclick="select(this);" aria-selected="false" id="li3" role="option" title="title 3" tabindex="-1" aria-hidden="false">Windows Phone</li>
 
       </ul>
 
       </ul>
 
       </div>
 
       </div>

Revision as of 18:04, 10 June 2016

  • Uses aria-activedescendant

ARIA Listbox

  • iOS
  • Android
  • Windows Phone