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

Mobile/compact menu does not behave like other ‘hamburger menus’ #846

Open
ChrisXKeroack opened this issue Jun 30, 2023 · 1 comment
Labels
accessibility Improving accessibility of framework good first issue Good for newcomers

Comments

@ChrisXKeroack
Copy link

Describe the bug
Compact menu does not behave like a typical compact menu

To Reproduce
Steps to reproduce the behavior:

  1. https://openfl.readthedocs.io/en/latest/index.html
  2. Resize window to a narrow enough width to get the mobile/compact layout
  3. Use keyboard, mouse and screenreader to interact with the 'hamburger menu' element

Notice:
a. Functions as an expand/collapse for the mouse user
b. Menu button isn’t keyboard accessible, doesn’t support aria-expanded
c. Items in the sidebar are visually hidden but not programmatically hidden; keyboard user can tab to hidden / collapsed items

Expected behavior
Hamburger menu icon should present a menu that contains same menu items as are seen in desktop OR element should be represented as a simple show/hide for a collapsed sidebar, and when the sidebar is collapsed its elements shouldn't be able to take keyboard focus because they're not visible

Screenshots
image

Desktop:
This issue is not OS or browser specific, but for tracking purposes, testing was done on Win11, in Edge Version 114.0.1823.58 (Official build) (64-bit), and the screenreader in use was the common 3rd party screenreader NVDA (http://www.nvaccess.org).

Smartphone:
This issue is not device, OS, or browser specific.

Additional context
This is an accessibility issue, please annotate this bug with the 'accessibility' label.

@fstrr
Copy link
Contributor

fstrr commented Jul 5, 2023

This is an issue with the Read The Docs platform.

@psfoley psfoley added good first issue Good for newcomers accessibility Improving accessibility of framework labels Jul 13, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Improving accessibility of framework good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

3 participants