Datatables and 508 compliance

Datatables and 508 compliance

JfrangoJfrango Posts: 1Questions: 0Answers: 0
edited September 2011 in General
My question is simple, or at the very least I think it is.

Are datatables 508 compliant. This includes the pagination images and the images used to depict PDFs actions etc.

Thank you for your time.

Replies

  • allanallan Posts: 63,258Questions: 1Answers: 10,421 Site admin
    Hi Jfrango,

    I suspect that at the moment, the answer to your question is probably not, it is not 508 compliant, but then I've not done any testing in this regard, nor am I aware of anyone else having done any. Ultimately what I would really love to do is add WAI-ARIA support to DataTables, which would far exceed what is required by 508. If you are, or know of an ARIA consultant, or anyone else who would like to get involved with the project, I would love to open a discussion on it, since I am far from an expert myself.

    However, back to your original question, to be section 508 compliant, the table would need to be navigable by keyboard. Generally this is possible, with the exception of paging - for that there is a plug-in which will use link tags rather than span to help with keyboard navigation: http://datatables.net/plug-ins/pagination#links . I think that probably would allow DataTables to be 508 compliant, but again, I'm no accessibility expert and would appreciate some input from anyone who is.

    Regarding the PDFs - I presume you are referring to those created by TableTools. These almost certainly aren't, since there is no code in to help with that.

    Allan
  • GregPGregP Posts: 498Questions: 9Answers: 0
    edited September 2011
    Deleted; Allan posted the only answer that matters. ;-)
  • jabo2099jabo2099 Posts: 3Questions: 0Answers: 0
    To add a few comments since I've been dealing with 508 compliance recently myself and have been trying to make use of DataTables for the app I'm creating:

    It helps if you can make the table headers links instead of simple text so they are keyboard accessible via the tab key.

    For example: First Name

    Also you have to make sure the links are semantically meaningful. (Something that can't be done programmatically.)

    I've done this with success. Pressing Enter on the column even makes it sort and highlights it.


    Something similar would also need to be added for the pagination links in the plugin I think. I've tried adding this plugin myself as is, but couldn't get it to work I'm afraid.

    As far as building the table data itself, making that 508 compliant is really up to the person creating the table. (A good article about that can be found here: http://www.jimthatcher.com/webcourse9.htm)
This discussion has been closed.