[Accessibility]: Global nav bar: User profile menu usability

[umpox]

Audit type

Screen reader navigation

User journey audit issue

https://github.com/sourcegraph/sourcegraph/issues/34411

Problem description

Focus styles

There isn't a clear blue outline focus when the menu has keyboard focus. It should appear like other elements do, such as the navigation links.

Menu items

When using a screen reader, links only appear as "MenuItem" - they should also read out the href and any other link related information to the user.

Expected behavior

Focus styles

Add clear blue focus outline when selected

Menu items
Ensure screen readers still treat each item as links. Note: we still want a menu item role somewhere, to support keyboard navigation. Maybe we can wrap each menu item in the link.

Additional details

No response

Assigning labels

• Please give this issue an estimate by applying a label like estimate/Xd, where X is the estimated number of days it will take to complete.
• If this issue is specific to a specific Sourcegraph product, please assign the appropriate team label to this issue.
• If this issue will require input from designers in order to complete, please assign the label needs-design.
• If you are confident that this issue should be fixed by GitStart, please assign the label gitstart.

Owner

This issue will be fixed by my team, I have assigned a relevant member to it, or I will do so in the near future.

[umpox]

Might be fixed by https://github.com/sourcegraph/sourcegraph/issues/36350