1

私は、アコーディオンの 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/">&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