WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: JQuery Table Accessibility Difference Between Desktop and Phone Rendering

for

Number of posts in this thread: 2 (In chronological order)

From: Jim Homme
Date: Tue, Jun 20 2017 11:40AM
Subject: JQuery Table Accessibility Difference Between Desktop and Phone Rendering
No previous message | Next message →

Hi,
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.

Thanks.

Jim

=========Jim Homme,
Team Lead and Accessibility Consultant,
Bender HighTest Accessibility Team
Bender Consulting Services, Inc.,
412-787-8567,
= EMAIL ADDRESS REMOVED =
http://www.benderconsult.com/our%20services/hightest-accessible-technology-solutions
E+R=O

From: Tim Harshbarger
Date: Tue, Jun 20 2017 12:03PM
Subject: Re: JQuery Table Accessibility Difference Between Desktop and Phone Rendering
← Previous message | No next message

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.

Thanks,
Tim