-
Posts
-
The website I am making needs to be ADA compliant and that includes keyboard navigation. The tabs sections get skipped by keyboard navigation, any way to change that?
Hey CrosbyInteractive,
I tried testing this on a new install of the “2017 Demo” by adding this css to highlight the keyboard focus as I tabbed though the page:a:focus { border:1px solid red !important; }and then I reloaded the Tab Section page, then without clicking I used the [tab] key to move to the tab section and was able to use the [enter] key to activate the tabs.
Is this the same tab section that you are referring to?
I believe the css helped a lot to identify where on the page the keyboard navigation was, perhaps this would also assist on your site.Best regards,
MikeHi,
I’ll ask our developers to look into it. For now I’d suggest to use a plugin like: https://wordpress.org/plugins/tabby-responsive-tabs/ for the tabs if accessibility features are important for you.
Best regards,
DudeHi,
I added a fix:
Please replace enfold\config-templatebuilder\avia-shortcodes\tabs\tabs.php with
and enfold\config-templatebuilder\avia-shortcodes\tabs\tabs.js with
Do not forget to make a copy of the original files for a fallback and clear server and browser cache.
Let us know, if it works.
Best regards,
Günter
- You must be logged in to reply to this topic.