アクセシビリティ、508準拠のAjaxページネーション

Question

私はAjax対応のテーブル・ページ付けを508に準拠させようとしています（JAWSバージョン9を使用してアクセス可能）。私はテーブルを更新するためにコールバックでjQueryのajaxリクエストonclickを実行するリンクを持つテーブルヘッダーセルを持っています。私は、JAWSユーザーにソート情報を伝えるaltテキスト（リンク先のJAWSではツールチップがデフォルトでは読み込まれていません）をリンクボディ内の "スペーサー"イメージを使って成功させましたが、それは目に見えるユーザーには見られません。しかし、JAWSユーザが（上下矢印キーを使用して）リンクにナビゲートし、リンクのonclickイベントを初期に領域を押したときに、私は2つの問題を抱えて：

1. を何も情報があることを示すJAWSユーザに搬送されていません内容が更新されると、テーブルの内容が更新されました。
2. JAWSユーザーが実行したリンクが再読み込みされますが、テーブルが更新される前にaltテキストが読み込まれます。次のフィールドに移動し、JAWSが更新された代替テキストを読むためのリンクに戻ります。

アクセシビリティの高いAjaxページネーションを実装した経験があれば誰でも知っておくとよいでしょう。私のテーブルヘッダーセルのコードは次のとおりです。

<th title="Sorted column, toggle sort from Ascending to Descending" controller="xxxManagement" id="xxxName" scope="col" class="sortable sorted asc" > 
    <a href="/app/xxxManagement/listXXX?max=20&sort=name&order=desc" onclick="toggleLoadingAnimation();jQuery.ajax({type:'POST',data:{'controller': 'xxxManagement','max': '20','sort': 'name','order': 'desc'}, url:'/app/xxxManagement/listXXX',success:function(data,textStatus){jQuery('#xxxList').html(data);},error:function(XMLHttpRequest,textStatus,errorThrown){},complete:function(XMLHttpRequest,textStatus){toggleLoadingAnimation()}});return false;" title="Sorted column, toggle sort from Ascending to Descending"> 
     Name 
     <img src='/app/images/pixel.gif' alt='Sorted column, toggle sort from Ascending to Descending' /> 
    </a> 
</th> 

Answer 1

残念ながら私は短い答えはあなたが運がないと思います。私はしばしば、Jawsがコンテンツが更新されたときのことを教えてくれることがあります。また、Jawsの仮想バッファを更新するために画面が更新されることがあります。 Jaws 9もやや古いバージョンですが、そのバージョンで標準化されている部門の内部アプリケーションを作成する場合は、対処する必要があります。私は2つのことをお勧めします。オプション1は、先月リリースされたジョーバージョン12をダウンロードすることです。それがあなたの問題を解決するならば、あなたはアップグレードを正当化するかもしれません？オプション2は、WAI-ARIAを調べることです。これは、あなたのテーブルをライブリージョンとしてマークし、更新が自動的にアナウンスされるようにします。私はこれに関する経験はありませんが、うまくいくかもしれません。 Jaws 9がWAI-ARIAをどれくらいサポートしているかわかりませんが、あご10はかなり良い仕事をしているようです。 WAI-ARIAのスクリーンリーダーの比較については、this blog entryを参照してください。 Jaws 9でリストされたテストをいつでも実行して、WAI-ARIAのサポートがどのようなものかを知ることができます。

Answer 2

これはあなたの特定の質問に対処しないかもしれませんが、あなたはprogressive enhancementで実装した場合、私はそれが問題を解決するだろうと思います。言い換えれば、伝統的な（非ajaxの）リンクを介してページナビゲーションを行い、それらのリンク上でajaxのクリックイベントを呼び出すことができます。

非JSブラウザまたはスクリーンリーダーを使用している場合は、次のページに移動するだけです。通常の最新のブラウザを使用している場合、ajaxエクスペリエンスが得られます。アクセシビリティは、Ajaxの経験を失うことなく構築されています。