WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Feedback on a table sort implementation

for

From: Greg Wocher
Date: Jun 18, 2018 10:58AM

Hello,
I tested this using Voiceover with Safari on the Mac. From a quick look it seems to be accessible. I am able to click on one of the column headers and change the sort order. It might be a good idea to let users know that clicking on the column headers lets them choose between ascending and descending order. With Voiceover I did not know that until I actually clicked on one of the headers.

Greg Wocher


> On Jun 18, 2018, at 12:46 PM, Jeremy Echols < <EMAIL REMOVED> > wrote:
>
> 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!
> > > >