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

Keyboard access to expandable sidebar menu items is non-standard #847

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

Comments

@ChrisXKeroack
Copy link

Describe the bug
Keyboard access to expandable sidebar menu items is non-standard and will frustrate keyboard user

To Reproduce
Steps to reproduce the behavior:

  1. https://openfl.readthedocs.io/en/latest/index.html
  2. Use keyboard TAB key to navigate between sidebar items
  3. Use ENTER to expand/collapse items

Example: As a keyboard user I can’t get to ‘core components’ under ‘openfl structure’ without first activating the OpenFL Structure link, which loads the overall topic page for that link.

Notice:

  1. The expand/collapse controls should be always visible and always in focus order
  2. Since the top level of each expandable section is also itself a link to a landing page, the keyboard user can’t expand a section without activating the link to go to the overall landing page
  3. Usability-wise, it also doesn’t visually distinguish which items are collapsible sections (the first two, manual and openfl structure) from the items that are links (openfl troubleshooting; notices and disclaimers)
  4. Further, focus is not consistently returned to / moving to where it should; sometimes I can get to next sub-link as expected, sometimes next focusable item is one of the next links.

Expect:

  1. The expand/collapse controls should be always visible and always in focus order
  2. Do not have multiple actions triggered on activation of a link; separate the link to landing page for a section from the expand/collapse behavior
  3. Ensure that focus moves consistently through all available links without skipping links / sections

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).

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

These are issues 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