Hello.
The Navigation arrows on the slider elements aren’t keyboard accessible.
The Dept of Education says users need to be able to tab into those buttons to have access to navigate the slider panels.
This is the case with the “Post Slider” and “Easy Slider” elements of the Avia layout builder.
Same issue with the tabs for the “Tab Section” layout. Tabs are not keyboard accessible.
Hey cacvaquero,
Thank you for the inquiry.
The slider navigation is actually accessible using the keyboard, you can tab through them and display the next or previous slide using the enter key, but they do not show up or fades in when focused. We might have to adjust the style of the navigation so that they are always visible and set the focus style accordingly.
.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a {
opacity: 1;
filter: alpha(opacity=100);
}
.avia_desktop .av_slideshow.avia-slideshow:focus, .avia-slideshow-controls a:focus {
opacity: 0.5 !important;
filter: alpha(opacity=100) !important;
}
The next and prev arrow should fade out a bit when focused.
Best regards,
Ismael
Thank you Ismael.
Hi cacvaquero,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria
What .css file should I put this code in?
Hi,
You can add to Enfold > General Styling > Quick css
Best regards,
Jordan Shannon
Thank you.
Hi,
No problem. Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon
Thank you.
Please close.
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon