-
Posts
-
Hey guys,
Just a small accessibility tweak request please.
It is affecting the controls on the Easy Slider element and likely other elements (like Full Width Easy Slider and maybe more).
The Lighthouse audit is flagging this:
[aria-hidden=”true”] elements contain focusable descendents:
Failing Elements
a.prev-slide
a.next-slideYou can test it yourself in the link provided below.
Thanks
Hey THP,
Sorry for the very late reply, typically the prev-slide & next-slide are hidden on mobile with css as lighthouse suggests, in your case they are showing, do want them to show? Do you want the [aria-hidden=”true”] to be charged to [aria-hidden=”false”] for these? If so you will probably also want a “name” or “title” attribute for these, what would you like them called?Best regards,
MikeHi Mike,
Sorry, I think there might be some confusion.
I’m not referring to the prev/next blog post slides where you can move between post items.
If you look at the page I referenced in my private area, I’m referring to the easy slider’s navigation buttons, which by default appear on mobile as well as desktop.
Lighthouse is flagging an accessibility issue with them. If you run the lighthouse test yourself you can see what I’m talking bout. It shows clearly that it is related to the easy slider.
Hope that helps.
Hi,
Yes, I did run the lighthouse test, I meant that often people hide these on mobile.
Anyways, how would you like this tweaked, do you want the [aria-hidden=”true”] to be charged to [aria-hidden=”false”] for these? If so you will probably also want a “name” or “title” attribute for these, what would you like them called?
The lighthouse test doesn’t offer any guidance on this.Best regards,
MikeHi Mark,
Ok I see where you’re coming from. However the same result is flagged on either mobile or desktop – it’s not mobile specific.
As for your thought of having these off for mobile, now that I look at it on my phone, I agree, these should be turned off for sure. However I can’t see a straightforward way of turning the controls off ONLY for mobile within the ALB element? I know I could duplicate the element and have one for mobile, one for desktop but that seems like a convoluted solution to the problem. Can we have an option within the slider elements to display controls on mobile on/off?
Finally, I think I should leave the name or title attributes up to you and your team to decide. I’m simply pointing out an issue that I was hoping could be corrected relatively easily.
Thanks for your help Mike, much appreciated.
P.S. While I have your attention, any chance of getting some more news/roadmap/blog post on the future of Enfold? I love the theme and have used it since around v2 I think and run it on all my clients sites, but it seems (from the outside at least) that development has stalled on it to a degree and it’s mostly maintenance and bug fixes happening lately. The last blog post about it was over a year ago. Would be very reassuring to know what is coming down the line.
Hi,
Ok, I see your point, I was thinking you would like a quick tweak for this, but I see you are looking for a core change to this. I will submit this to the dev team to review the accessibility issue, and decide how to proceed.
I will reply when I hear back from the dev team, this may take a while, thank you for your patience.Best regards,
MikeHi,
Very good, when I hear back from the dev team I will reply, thank you for your patience.Best regards,
MikeHi,
The dev team writes that we will be adding ” tabindex=’-1′ ” to the arrows in v4.8, this removes the warning.
I’m not exactly sure when this will be, but I imagine it will be soon.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
Mike
- The topic ‘Accessibility Tweak On Easy Slider (Possibly other elements)’ is closed to new replies.