jquery tablesorter - 508 Einhaltung

Question

Haben Sie eine Idee, welche Tastenkombinationen für den Zugriff auf die Steuerelemente des Tabellensortierers in der Spaltenüberschrift zu verwenden sind? oder Software-Handler/andere Funktionen zur Unterstützung der 508-Konformität (zur Unterstützung des Zugriffs auf diese Steuerelemente über die Tastatur)?

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

In diesem Fall würde ich auf jeden Fall eine bereits vorhandene Bibliothek verwenden. Es gibt einige Feinheiten bei barrierefreien Tabellen, die viel Zeit in Anspruch nehmen können und auf die man nur schwer testen kann, wenn man keine Erfahrung mit einem Bildschirmlesegerät hat.

Mein Favorit, wenn es um schöne Tabellen geht, ist YUI 3:

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

Die Bibliothek ist solide, und die Dokumentation ist fantastisch. Stellen Sie nur sicher, dass Sie den Beispielen folgen, um alle Vorteile zu nutzen. Sie können eine zugängliche Bibliothek nehmen und eine unzugängliche Website ganz einfach machen.