7

DOMへのHTMLの挿入でNVDAスクリーンリーダーをjQueryで動作させることができないようです。

Ajaxポストバックのページに動的コンテンツが追加されたアクセシビリティ基準（WAI-ARIAなど）を満たすアプリケーションが必要です。

これがNVDAによって読み取られていない私のコードです...私は何が欠けていますか？

<html>
<head>

<script language="javascript" type="text/javascript">
    function addText() {
        document.getElementById("test").innerHTML = "some test";
}
</script>
</head>

<body>
<h2>NVDA</h2>

<div id="testarea">Some test area</div>
<div id="test" aria-describedby="testarea" aria-live="polite" aria-relevant="additions removals" role="region"></div><br />

<input type="button" value="click me" onclick="addText()" />
</body>
</html>
4

1 に答える 1

6

WCAG

これらは、コンテンツの更新に関連するクライアント側スクリプトに関する WCAG の推奨事項です: http://www.w3.org/TR/WCAG20-TECHS/client-side-script.html

特にこれまでに見つけた

アリア

ARIA ロールについては、、、aria-liveおよびプロパティをaria-relevant参照してください。aria-atomicalert

http://www.w3.org/TR/wai-aria/states_and_properties#aria-live

要素が更新されることを示し、ユーザー エージェント、支援技術、およびユーザーがライブ リージョンから期待できる更新の種類を説明します。

http://www.w3.org/TR/wai-aria/states_and_properties#aria-relevant

ライブ リージョン内で支援技術が受け取るユーザー エージェントの変更通知 (追加、削除など) を示します。関連する aria-atomic を参照してください。

http://www.w3.org/TR/wai-aria/states_and_properties#aria-atomic

aria-relevant 属性で定義された変更通知に基づいて、支援技術が変更された領域のすべてを表示するか、その一部のみを表示するかを示します。

http://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden (ajax の結果がページの一部の領域を表示または非表示にする場合)

要素とそのすべての子孫が、作成者によって実装されているように、どのユーザーにも表示または認識できないことを示します。関連する aria-disabled を参照してください。

http://www.w3.org/TR/wai-aria/roles#alert

アラートは、ユーザーに警告するメッセージを伝えるために使用されます。音声警告の場合、これは聴覚障害のあるユーザーにとってアクセス可能な代替手段です。アラート ロールは、アラート メッセージを含むノードに割り当てられます。アラートはステータス ロールの特殊な形式であり、アトミック ライブ リージョンとして処理されます。

その他のリソース

NVDA スクリーン リーダーと ajax の更新に関するアクセシビリティとその他の関連リソースに関する記事:

http://tink.co.uk/2009/06/screen-reader-support-for-ajax-live-regions/
http://www.paciellogroup.com/blog/2008/02/ajax-and-screen-リーダー コンテンツ アクセスの問題/

http://ejohn.org/blog/ajax-accessibility/ (ここでは、コンテンツが更新されるライブ リージョンに関するコード スニペットが提案されています)

<p id="users-desc">A list of the currently-connected users.</p>
<ol aria-live="polite" aria-relevant="additions removals"
    aria-describedby="users-desc" id="users">  
     ... 
 </ol>
于 2012-03-22T17:49:49.030 に答える