jQuery を使用して #div1 にロール アラートを追加し、JAWS で非表示になっている場合でも #div2 コンテンツを読み取ります。
<div id="div1">
some content
<div id="div2" aria-hidden="true">
some content 2 for div
</div>
</div>
jQuery を使用して #div1 にロール アラートを追加し、JAWS で非表示になっている場合でも #div2 コンテンツを読み取ります。
<div id="div1">
some content
<div id="div2" aria-hidden="true">
some content 2 for div
</div>
</div>
aria-hidden 属性のサポートは、JAWS の 13.0.718 更新 (2012 年 2 月) で追加されました。以下の完全な変更ログを参照してください。
http://www.freedomscientific.com/downloads/jaws/JAWS13-previous-enhancements.asp .
JAWS が aria-hidden 属性を認識するようになったため、非表示にすべきテキストが通知されなくなりました。
私にはうまくいくようですが、「非表示」コンテナにラップされたタブ可能なコンテンツは、JAWS でナビゲートして読み取ることができることに気付きました。
現在、JAWS は Internet Explorer と Firefox の両方で aria-hidden 状態をサポートしていません。
推奨されていませんが、role="presentation" を使用できます。
以下も参照してください。