WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: JQuery Table Accessibility Difference Between Desktop and Phone Rendering


From: Tim Harshbarger
Date: Jun 20, 2017 12:03PM

Most likely, the table becomes "responsive" on the mobile device which means alternate CSS is applied and columns might be hidden using CSS/Javascript. For some reason, approaches to responsive mobile tables tend to break the ability of a screen reader to use the table. I think when some of my team members worked on this type of issue, we ended up having to provide a way for a screen reader user to end up with a regular non-responsive table.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Jim Homme
Sent: Tuesday, June 20, 2017 12:40 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: [WebAIM] JQuery Table Accessibility Difference Between Desktop and Phone Rendering

I'm looking at this JQuery plug-in: https://cdn.datatables.net/1.10.15/.

I'm a dangerous JavaScripter, so I'm in need of understanding where to look to figure out why when we use this plug-in, it is not speaking the heading cells in a table in IOS, but it is speaking them on the desktop with Firefox and NVDA.



=========Jim Homme,
Team Lead and Accessibility Consultant,
Bender HighTest Accessibility Team
Bender Consulting Services, Inc.,