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 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" tabindex="-1" aria-hidden="false">iOS</li>
         <li onclick="select(this);" aria-selected="false" id="li2" role="option" tabindex="-1" aria-hidden="false">Android</li>
+
         <li aria-posinset="1" onclick="select(this);" aria-selected="false" id="li2" role="option" tabindex="-1" aria-hidden="false">Android</li>
         <li onclick="select(this);" aria-selected="false" id="li3" role="option" tabindex="-1" aria-hidden="false">Windows Phone</li>
+
         <li aria-posinset="1" onclick="select(this);" aria-selected="false" id="li3" role="option" tabindex="-1" aria-hidden="false">Windows Phone</li>
 
       </ul>
 
       </ul>
 
       </div>
 
       </div>

Revision as of 00:53, 27 February 2015

  • Uses aria-activedescendant

ARIA Listbox

  • iOS
  • Android
  • Windows Phone