私は、アコーディオンの WAI-ARIA 1.0 Authoring Practicesを含むように拡張された jQuery アコーディオンを使用しています。NVDA を使用した場合の結果は、すべてのブラウザーで期待したとおりです。アコーディオンのヘッダーに注目すると、ヘッダー内のすべてが読み取られます。
IE 9 と JAWS を組み合わせると、JAWS はヘッダーの最初の行のみを読み取り、残りのコンテンツをスキップします。Chrome と Firefox を使用する JAWS は、ヘッダー全体を読み取ります。
ヘッダー 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>