jquery - jquery tablesorter - 508準拠

Question

列ヘッダーの tablesorter コントロールにアクセスするために使用するキーボード ショートカットについて何か考えはありますか? またはソフトウェア ハンドラー/508 コンプライアンスをサポートするその他 (キーボードを介したこれらのコントロールへのアクセスをサポートするため)?

Answer 1

 <script type="text/javascript">
       $(document).ready(function() {
            <%--Applies the jQuery tablesorter plugin to any table with the class "addTableSorter"--%>
            <%--Also enables tabbing to and pressing enter on the headers to sort for 508 compliance--%>
            $('table.addTableSorter')
        .tablesorter()
        .find('th')
            .keypress(function(e) { 
            if (e.which == 13) { //code for enter key
                e.preventDefault(); 
                $(this).trigger('click'); //simulate a click
            } 
         })
    .attr('tabindex', '0');
    });
    </script>

Answer 2

このために、私は間違いなく既存のライブラリを使用します。アクセシブルなテーブルには、時間がかかる可能性のあるニュアンスがいくつかあり、スクリーン リーダーの経験がない場合はテストが難しい場合があります。

かわいいテーブルに関しては、私のお気に入りは YUI 3 です。

http://yuilibrary.com/yui/docs/datatable/

彼らのライブラリは堅固で、ドキュメントは素晴らしいものです。完全なメリットを得るために、彼らの例に従うようにしてください. アクセス可能なライブラリを利用して、アクセスできないサイトを非常に簡単に作成できます。