jquery tablesorter - 508合规性

Question

知道使用什么键盘快捷键来访问列标题中的表格排序器控件吗？或软件处理程序/其他支持 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/

他们的库很扎实，他们的文档很棒。只需确保遵循他们的示例即可获得全部好处。您可以使用可访问的图书馆并轻松制作不可访问的网站。