Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.I've searched this site and online to see if this has come up before and I didn't find any references to it. I use Quick Tabs on our homepage for our search widget so it is a pretty important part of our homepage. Recently a blind user reported that he could not access the information in our Quick Tab box with his screen reader, Windows Eyes. I've tried to use Jaws to navigate through our Quick Tabs and it doesn't work well (I'm a beginning user of it though). When the screen reader is reading the text it will sometimes not recognize that the second or third tab is chosen and continue reading the text on the first tab.
I'm not using the AJAX mode for this Quick Tab set.
Should I be using AJAX mode to allow screen readers to successfully navigate through the tabs? Or is there something that others are doing to their quick tabs to make them more accessible that I should apply to mine?
Link to our homepage with quick tabs
Thanks for your help!
| Comment | File | Size | Author |
|---|---|---|---|
| #3 | quicktabs.js-1132502-3.patch | 1.36 KB | mgifford |
| #2 | quicktabs.js_.patch | 1.5 KB | solquimpo |
Comments
Comment #1
mgiffordJust adding a related discussion from GDO.
Comment #2
solquimpo commentedHi I'm using 7.x-3.4 and this patch works for me. It basically does the same thing as core does for vertical-tabs.
If browser has javascript disabled, on the other hand, you can do something similar to this by overriding theme_item_list.
Hope this helps.
Comment #3
mgiffordThanks for this @solquimpo - I haven't tested your patch yet, but at looking at the code I was curious if you did any keyboard only testing with it.
The patch wasn't rolled properly against the git repository. I re-rolled it so that it applies nicely.
I didn't change anything with the code though.
Comment #4
solquimpo commentedHi mgifford. I've tested it with our resident accessibility specialist. He's completely blind and uses JaWS and NVDA. :) Thanks for re-rolling the patch.
Comment #5
mgiffordGreat, glad he's tested it with NVDA & JAWS. Now we just need to get it reviewed & brought into the module.
Comment #6
ultimateboy commentedThis issue was recently brought to my attention. I really appreciate the testing and patch. It all seems quite reasonable, just need to test it myself. I'm flagging this issue for the next release.
Comment #7
mgiffordThat's brilliant. I look forward to checking out the next release when it is ready to test.
Comment #8
ultimateboy commentedThanks for the work on this patch!
I think the direction makes a lot of sense given it follows the pattern of vertical tabs.
I've committed this to 7.x-3.x.
Thanks!
http://drupalcode.org/project/quicktabs.git/commit/52ffed61f0b3a93ea3e97...