[role]s are not contained by their required parent element

[crimsoniv0j]

Product

axe-core

Question

Please help me to fix this.

And this is my blog HTML

[straker]

Thanks for the question. At first glance it would seem the issue is with the <li> that is in between the parent ul[role=menubar] element and the a[role=menuitem] element. The <li> will retain it's inherit role of listitem which is not allowed as a parent to a menuitem. You should be able to fix it by adding role=none to the <li>.

[crimsoniv0j]

Thanks for the question. At first glance it would seem the issue is with the <li> that is in between the parent ul[role=menubar] element and the a[role=menuitem] element. The <li> will retain it's inherit role of listitem which is not allowed as a parent to a menuitem. You should be able to fix it by adding role=none to the <li>.

Thank you very much! Now, it's all good!