The auto-suggest <div> and the descendent <ul> an <li> items are inserted using dojo overlaying the regular search box.
Then using Firebug to look at the code dojo injects into the page, the wrapper <div> looks like:
<div id="widget_search_box_dropdown" class="dijitPopup" style="z-index:1000; visibility: visible; top 224.883px; left: 70.633px;" role="presentation">
With adding an attribute of aria-hidden="true" [1], in theory the screen reader should ignore the <div> and contents:
<div id="widget_search_box_dropdown" class="dijitPopup" style="z-index:1000; visibility: visible; top 224.883px; left: 70.633px;" role="presentation" aria-hidden="true">
Is this doable in dojo? Unfortunately, I don't have time right now to play around with it and have no immediate access to JAWS to test.
Thanks for clarifying my thinking on the issue.
I look at the search box code and see:
<span class=' search_ box_wrapper' > box_label" >Search:
dojoType= "openils. widget. AutoSuggest" type_selector= "'qtype' "
submitter= "this.textbox. form.submit( );"
store_ args='{ "org_unit_ getter" : function() { return 1; }}' />
<label id="search_
<input type="text" id="search_box" name="query" aria-label="Enter search query:" value=""
</label>
</span>
The auto-suggest <div> and the descendent <ul> an <li> items are inserted using dojo overlaying the regular search box.
Then using Firebug to look at the code dojo injects into the page, the wrapper <div> looks like: search_ box_dropdown" class="dijitPopup" style=" z-index: 1000; visibility: visible; top 224.883px; left: 70.633px;" role="presentat ion">
<div id="widget_
With adding an attribute of aria-hidden="true" [1], in theory the screen reader should ignore the <div> and contents: search_ box_dropdown" class="dijitPopup" style=" z-index: 1000; visibility: visible; top 224.883px; left: 70.633px;" role="presentation" aria-hidden="true">
<div id="widget_
Is this doable in dojo? Unfortunately, I don't have time right now to play around with it and have no immediate access to JAWS to test.
[1] http:// www.456bereastr eet.com/ archive/ 201205/ hiding_ visible_ content_ from_screen_ readers_ with_aria- hidden/