我正在使用扩展为包含WAI-ARIA 1.0 Authoring Practices for Accordions 的 jQuery 手风琴。使用 NVDA 时的结果是我对所有浏览器的预期。一旦您关注手风琴的标题,就会读取标题中的所有内容。
将 IE 9 与 JAWS 配对时,JAWS 仅读取标题中的第一行并跳过其余内容。JAWS 与 Chrome 和 Firefox 一起阅读整个标题。
标头 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 To be Awesome" class="iconAwesome disabled" id="A1" href="javascript:void(0);" actionTarget="/Awesome/Beawesome/"> </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>