WebAIM - Web Accessibility In Mind

E-mail List Archives

jQuery accordion widget - screen reader access


From: John P. Lee
Date: Oct 30, 2015 1:32PM

Hi everyone,

I'm troubleshooting an issue with screen reader access on a Drupal page that features an accordion. I've tested JAWS 16, NVDA, and VoiceOver (iOS version) on this page and discovered none of the screen readers will read the text content under the accordion header (the screen reader sees the header as a "form control"). However, text-to-speech readers such as ZoomText's AppReader will read the content when it is clicked on or selected.

The web designers indicated that they are using the jQuery accordion widget (https://jqueryui.com/accordion/). When I use JAWS to text the accordion on the link above, it reads the content fine. The web designers said that they did modify the widget so that it allows all of the headers (aka "form controls") to remain open, so they are wondering if that tampering has somehow made it so that screen readers don't read the text content.

Any insights or suggestions?



John Lee, MS, OTR/L, ATP
Assistive Technology Specialist

Disability Resource Center, Rm 237
Cal Poly, San Luis Obispo 93407
Phone: (805) 756-5972
Skype: jlee245.drc
URL: drc.calpoly.edu