wai-tutorials icon indicating copy to clipboard operation
wai-tutorials copied to clipboard

Flyout menu aria expanded on hover

Open dfabian opened this issue 4 years ago • 0 comments

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.

dfabian avatar Oct 10 '20 00:10 dfabian