Difference between revisions of "ARIA Listbox"
Jump to navigation
Jump to search
ARIA Listbox
| 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
- iOS
- Android
- Windows Phone
