1

我正在使用扩展为包含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/">&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>

4

0 回答 0