Tagged: ada; compliance
Hello.
We are having ADA issues with the tabbed pages element.
Do you have some code I can add to the style to allow a user to add focus to tabs from the keyboard?
Hey cacvaquero,
The issue was resolved a while back, which version of the theme are you running?
Best regards,
Victoria
Hello.
Thank you for the response.
It looks like it works for the content section tab element but doesn’t work the “Layout tab section” element.
Hi cacvaquero,
In Mike’s reply, it says that the Tab section is working properly. Which version of Enfold are you running?
Best regards,
Victoria
We are running version 7.2
It looks like the tabs get focus but there isn’t a visible focus so the user can see they are on that element.
Hi cacvaquero,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hello.
Here is the link.
Just below the “Academic Calendar” title there is a row of tab elements.
I can tab into them to give them focus but the focus isn’t visible. They aren’t highlighted with a color change
or anything to indicate the item has focus.
I’ve added the following Quick CSS but it didn’t work.
.av-section-tab-title a:focus {
opacity: 0.5 !important;
filter: alpha(opacity=100) !important; }
Hello.
I was able to fix it with this quick css.
.av-section-tab-title a:focus {
background: #ffffff !important; }
Hi cacvaquero,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria