Tagged: ada; compliance
-
AuthorPosts
-
January 25, 2021 at 8:24 pm #1275337
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?January 26, 2021 at 11:36 pm #1275593Hey cacvaquero,
The issue was resolved a while back, which version of the theme are you running?
Best regards,
VictoriaJanuary 26, 2021 at 11:47 pm #1275599Hello.
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.January 27, 2021 at 10:23 am #1275690Hi cacvaquero,
In Mike’s reply, it says that the Tab section is working properly. Which version of Enfold are you running?
Best regards,
VictoriaJanuary 27, 2021 at 8:18 pm #1275863We are running version 7.2
January 27, 2021 at 10:59 pm #1275916It looks like the tabs get focus but there isn’t a visible focus so the user can see they are on that element.
January 28, 2021 at 8:54 pm #1276122Hi cacvaquero,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaJanuary 28, 2021 at 9:39 pm #1276158Hello.
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; }January 29, 2021 at 2:53 am #1276201Hello.
I was able to fix it with this quick css..av-section-tab-title a:focus {
background: #ffffff !important; }January 29, 2021 at 7:54 pm #1276389Hi cacvaquero,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
