How to get the menu bar ARIA disability compliant
Posted: 11 May 2023, 21:25
I would like to get the site ARIA compliant so people with disabilities can navigate etc.. When I do a test site audit I get warnings of the role
Thank you
Basically it wants to add to the container role="menubar" so that the html reads likeFailing Elements
div.layout-menu-container > form#menuform > ul#menuform:j_idt18 > li#menuform:j_idt19
<li id="menuform:j_idt19" role="menuitem">. Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions. Learn more about ARIA roles and required parent element.
How do I get <fr:menu widgetVar="FreyaMenuWidget" > to add this role?<ul id="menuform:j_idt18" class="layout-menu" role="menubar">
Thank you