wai-tutorials
wai-tutorials copied to clipboard
Flyout menu aria expanded on hover
Fly-out Menu examples are a tad inconsistent here. The second example of li.has-submenu a
does not trigger an aria-expanded state change on hover yet the third example does. Should it? I see no mention of a mouseenter triggering a click event here or anything else.
Edit: I do see this #525 however that is seemingly in conflict with other resources such as this article.
"As pictured, whether that menu is open or closed should be communicated with aria-expanded. You should only change this state on click, not on focus. Users do not usually expect an explicit change of state on a mere focus event. In our navigation system, state doesn’t really change; it’s just a styling trick. Behaviorally, we can Tab through the navigation as if no such show/hide trickery were occurring."
Thanks much.