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.

Sign up for GitHub

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

Jump to bottom

Dropdown menu needs to add support for keyboard (lp-app.js) #246

Open
logicalphase opened this issue Feb 28, 2020 · 1 comment
Open

Dropdown menu needs to add support for keyboard (lp-app.js) #246

logicalphase opened this issue Feb 28, 2020 · 1 comment
Assignees
@logicalphase
Labels
bug Something isn't working

Comments

@logicalphase
Copy link
Owner

<a id="dropdownMenuButton" class="toolbar-platform-chooser__button" aria-expanded="false"> doesn’t end up focusable, I think due to having neither href nor tabIndex=0, so the dropdown menu isn’t reachable by keyboard. Many thanks to "@bathos whitespace" for reporting the issue on Polymer Slack Channel.
@logicalphase logicalphase added the bug Something isn't working label Feb 28, 2020
@logicalphase logicalphase self-assigned this Feb 28, 2020
@logicalphase
Copy link
Owner Author

logicalphase commented Mar 8, 2020 •
edited
Loading

Reverted link to button version. This accepts a normal keyboard tab focus and spacebar to open.

It can be done for a <a id=" ". . . but would require more bytes.

Deque Axe Pro checked out good.

logicalphase pushed a commit that referenced this issue Mar 9, 2020
@ThemeSurgeon
Fix a11y issue with dropdown menu in main nav #246
c10c23f
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@logicalphase logicalphase

Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@logicalphase