WebAIM - Web Accessibility In Mind

E-mail List Archives

Feedback on a table sort implementation

for

From: Jeremy Echols
Date: Jun 18, 2018 10:46AM

I'm looking for help on the implementation of a sortable table. I used an "accessible" table JavaScript written by the Illinois Department of Human Services in 2008. I don't recall why I selected this, but I did, and now I'm finding that it probably hasn't been accessible for quite a while (it was created in 2008, so in their defense it was probably the best option at the time).

Since discovering it had some problems, I've tried to update the JS to be a lot more screen-reader friendly. The output, at least the way I've styled it, won't be the most aesthetically pleasing, but hopefully gets the job done both for sighted users and screen-reader users. I'd like any input on where this falls short, as I want to use this approach in multiple projects.

Links:

- The raw JavaScript: http://pages.uoregon.edu/jechols/sortabletable.js
- A live demo taken directly from one of our projects: http://pages.uoregon.edu/jechols/titles.htm

Any input, criticism, or suggestion would be very helpful. Thanks in advance!