Our accessibility team is complaining about how screen readers (e.g. JAWS) are reading the horizontal site menu on our Wix website. the anchor tags generated by Wix are decorated with role="button" when they should be role="link" or not have a role at all. For example:
<a role="button" tabindex="0" aria-haspopup="false" data-listposition="left" href="https://example.wixsite.com" target="_self" id="DrpDwnMn00linkElement" class="style-jr6l1c5vrepeaterButtonlinkElement"><div class="style-jr6l1c5vrepeaterButton_gapper"><div style="text-align:left" id="DrpDwnMn00bg" class="style-jr6l1c5vrepeaterButtonbg"><p style="text-align: left; line-height: 20px;" id="DrpDwnMn00label" class="style-jr6l1c5vrepeaterButtonlabel">Home</p></div></div></a>
role="button" suggests that there is a form submission or action on the page and aren't appropriate for menus. Our menus are simple as they have no submenu, so "button" is not an appropriate role for this.
Is there a way to control the role of a menu item? Essentially i'm looking for any of the following solutions: a) get Wix to stop adding the "role" attribute
b) use Wixcode to remove the "role" attribute
c) use a different Wix element to create our menu
Any ideas appreciated.