Add "aria-label="" to .flex-next and .flex-prev

1 reply · opened Nov 29, 2022

DDavegdrNov 29, 2022

As current flex slider fails the accessibility test on Lighthouse, I wanted to add an aria-label="prev" and aria-label="next" statement to the link that is generated with classes .flex-next and .flex-prev.

However, I seem unable to find where these links are generated (I don't find it is the plugin.flexslider.js neither in the functions.js (or I'm looking in the wrong place) ...

Looking forward to version 7 by the way!!! Great work so far as well!

SSemicolon WebSTAFFNov 29, 2022

Hello,

Thanks so much for the Kind Words! :) Canvas 7 will be great and we have exciting new ideas planned for the Future!

Please find the following code in the plugins.min.js or plugin.flexslider.js File (depending on the JS Method you are using in your Templates):

<a class="'+i+'next" href="#">

and

<a class="'+i+'prev" href="#">

and add your aria-label's according to your requirements.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard