Difference between revisions of "ARIA Listbox"

From Level Access Web Labs
Jump to navigation Jump to search
Line 97: Line 97:
 
       <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" tabindex="-1" aria-hidden="false">iOS</li>
         <li aria-posinset="1" 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" tabindex="-1" aria-hidden="false">Android</li>
         <li aria-posinset="1" 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" tabindex="-1" aria-hidden="false">Windows Phone</li>
 
       </ul>
 
       </ul>
 
       </div>
 
       </div>

Revision as of 12:52, 19 October 2015

  • Uses aria-activedescendant

ARIA Listbox

  • iOS
  • Android
  • Windows Phone