The fly-out menus on the PersonaBar should be made visible to users of assistive technology

[OllyHodgson]

Description of problem

Part of issue dnnsoftware/Dnn.AdminExperience#21. The fly-out menus on the PersonaBar should be made visible to users of assistive technology.

Description of solution

The <li> elements in the main personabar should make use of aria-haspopup='true' and aria-expanded='false' attributes if they have a sub-menu. The aria-expanded attribute should be set to true when the sub-menu is open.

Additional context

I suspect the attributes (and their default values) could be added using the data-bind attribute in the PersonaBar's index.html. Dynamically updating the aria-expanded attribute could be handled in main.js.

Affected version

• 9.2.1
• 9.2
• 9.1.1
• 9.1
• 9.0

Affected browser

All browsers.

[stale]

We have detected this issue has not had any activity during the last 90 days. That could mean this issue is no longer relevant and/or nobody has found the necessary time to address the issue. We are trying to keep the list of open issues limited to those issues that are relevant to the majority and to close the ones that have become 'stale' (inactive). If no further activity is detected within the next 14 days, the issue will be closed automatically.
If new comments are are posted and/or a solution (pull request) is submitted for review that references this issue, the issue will not be closed. Closed issues can be reopened at any time in the future. Please remember those participating in this open source project are volunteers trying to help others and creating a better DNN Platform for all. Thank you for your continued involvement and contributions!

[stale]

This issue has been closed automatically due to inactivity (as mentioned 14 days ago). Feel free to re-open the issue if you believe it is still relevant.