Difference between revisions of "ARIA Listbox"

From Level Access Web Labs
Jump to navigation Jump to search
Line 92: Line 92:
 
     <div>
 
     <div>
 
       <label id="lbl1">Platform:</label>
 
       <label id="lbl1">Platform:</label>
       <div role="listbox" onfocus="" id="lb1" onkeyup="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 onclick="select(this);" aria-selected="true" id="li1" role="option" tabindex="-1" aria-hidden="false">iOS</li>

Revision as of 16:42, 20 October 2014

  • Uses aria-activedescendant

ARIA Listbox

  • iOS
  • Android
  • Windows Phone