Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Menu focus indicator full width (fix #52911) #53289

Merged
merged 2 commits into from
Jul 9, 2018
Merged

Conversation

sbatten
Copy link
Member

@sbatten sbatten commented Jun 29, 2018

@bpasero
Copy link
Member

bpasero commented Jun 29, 2018

@sbatten that change is a bit crazy because it makes changes to literally every action we have by moving the tabindex from the anchor element to the parent element. This will have implications on accessibility I fear.

I am not convinced this is the right solution only because the menu falls short. A better solution might be to look at the styling of the anchor element in the menu and maybe make that include the keybinding and span the full width. That would fix both this issue as well as the screen reader issue where the keybinding is not read. You could even have the anchor element have 2 additional elements (label, keybinding) and it would still work OK with a custom aria label. Since we now no longer accept a custom action item for the menus, we have the rendering under our control fully.

@sbatten sbatten force-pushed the sbatten/fix52911 branch from 1c8a1f5 to a7ba364 Compare June 30, 2018 02:37
@bpasero bpasero changed the title fix #52911 Menu focus indicator full width (fix #52911) Jul 6, 2018
Copy link
Member

@bpasero bpasero left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested and seems to work fine 👍

@bpasero bpasero removed their assignment Jul 6, 2018
@bpasero
Copy link
Member

bpasero commented Jul 6, 2018

@sbatten one thing to keep in mind is that NVDA seems to announce the mnenmonic without the Alt key, just the letter.

@sbatten
Copy link
Member Author

sbatten commented Jul 9, 2018

@bpasero that's the behavior you are seeing with these changes or what you would expect? On my machine, notepad + NVDA just says the letter, but VS Code + NVDA says Alt+ letter. I don't think either is wrong but using accesskey is what NVDA is using.

@sbatten sbatten merged commit b44e7d9 into master Jul 9, 2018
@bpasero bpasero deleted the sbatten/fix52911 branch July 10, 2018 05:20
@bpasero
Copy link
Member

bpasero commented Jul 10, 2018

@sbatten we can leave it but it might come back to us because we behave different from native menu

@github-actions github-actions bot locked and limited conversation to collaborators Mar 27, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Menu: focus indicator is not going the entire width
2 participants