Sunday, 15 August 2010

jquery - JAWS and IE 9 isn't reading the contents of the header for an accordion -



jquery - JAWS and IE 9 isn't reading the contents of the header for an accordion -

using jquery accordion expanded include wai-aria 1.0 authoring practices accordions. results when using nvda expected browsers. 1 time focus header of accordion in header read.

when parring ie 9 jaws; jaws reading first line in header , skipping rest of content. jaws chrome , firefox reading header in entirety.

the content of header html

<div id="accordionpanelcourse<%=model.id%>" class="ui-full"> <article class="ui-padleft ui-padright"> <div tabindex="0" class="itemtab iconopen itemtabexpanded" id="div1" role="tab" aria-expanded="true" aria-controls="div1"> <div class="imgcoursebox"></div> <span class=""> </span><span title="awesome title" class="title awesomeitemtitle">awesome title</span> <div class="textactions summarybox"> <div> <span class="ui-left">actions:</span> <ul class="styled"> <li class="styled ui-inlineblock"> <a title="unable awesome" class="iconawesome disabled" id="a1" href="javascript:void(0);" actiontarget="/awesome/beawesome/">&nbsp;</a> </li> </ul> </div> </div> <div class="textactions summarybox"> <div class="ui-left"> <span class="">level: </span><span title="batman" class="textactionsbold">batman</span>| <span class="">status: </span><span title="attended" class="textactionsbold">super awesome</span> </div> </div> </div> <div id="div1" class="itempanel" aria-labeledby="triggerawesome<%=model.id%>" role="tabpanel" tabindex="0"> <article id="contentawesome<%=model.id%>"></article> </div> </article>

jquery internet-explorer-9 accessibility screen-readers wai-aria

No comments:

Post a Comment