Divi Tabs module tabs are not accessible using the keyboard
brianshim opened this issue · 2 comments
First of all, thank you for this very helpful plugin!!
One problem though, it doesn't seem to make the Divi Tabs module accessible; in fact, it makes the tabs un-openable using the tab key.
Without divi-accessibility installed, this is what I see for each tab title, and I'm able to step through them with the tab key and open any tab:
<a href="#">Features</a>
With divi-accessibility activated, this is what I see:
<a href="#" role="tab" aria-selected="false" aria-expanded="false" tabindex="-1" id="et_pb_tab_control_1" aria-controls="et_pb_tab_panel_1">Features</a>
Because tabindex is set to -1, the closed tab titles are inaccessible using the keyboard and cannot be opened. This is actually worse than the behavior without the plugin.
Is there a way to fix this?
Many thanks!!
Example of tabs not keyboard-accessible is on this page:
http://dev.link4controls.com/outdoor-greenhouse/
I just figured out that you can tab through the Divi Tabs using the arrow keys (as opposed to the tab key). As long as that is compliant with accessibility guidelines, no need to fix I suppose! Again, many thanks for this plugin!