JQuery TableSorter - 508 соответствия

Question

Есть идеи о том, какие сочетания клавиш использовать для доступа к элементам управления tableorter в заголовке столбца? или программные обработчики / другие для поддержки соответствия 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/

Их библиотека солидна, а документация фантастическаяПросто следуйте их примеру, чтобы получить все преимущества.Вы можете взять доступную библиотеку и довольно легко сделать недоступный сайт.