Hi, I’m evaluating webflow and found some A11Y issues in the outputted code when using some components. This is a big blocker as my team needs the code to be accessible.
- Slider. it uses divs for the arrows and dots instead of
<div class="w-slider-arrow-left"> <div class="w-icon-slider-left"></div> </div> <div class="w-slider-arrow-right"> <div class="w-icon-slider-right"></div> </div>
Default aria-label would be nice.
One of the issue is that we can’t change slides with the keyboard using the arrows:
Similar issue the tabs cta use
<a> tags instead of
<button> + it adds
tabindex="-1" so can be access with keyboard.
That’s the 2 main components that I have tested for now. Is there a way to change the tags for this elements? I can’t find the option under the element settings.
Do you have any plan to fix these issues and follow WCAG AA? Or any other guidelines/laws:
21st Century Communications and Video Accessibility Act of 2010 (CVAA) | US
- Section 255 of the Telecommunications Act of 1996 | US
- Web and Mobile Accessibility Directive | UK
Thanks a lot