securefederatedai/openfl

When page is narrow enough to introduce a horizontal scrollbar, keyboard can’t be used to scroll code samples

ChrisXKeroack opened this issue · 0 comments

Describe the bug
When page is narrow enough to introduce a horizontal scrollbar, keyboard can’t be used to scroll code samples

To Reproduce
Steps to reproduce the behavior:

  1. https://openfl.readthedocs.io/en/latest/index.html
  2. Resize browser window to make main content area narrow enough to get horizontal scrollbars on the code examples
  3. Use keyboard TAB to navigate between interactive elements on the page

notice: When page is narrow enough to introduce a horizontal scrollbar, keyboard can’t be used to scroll

Note that scrolling container doesn’t interfere with screenreader ability to find and read this content; this bug is just about inability of sighted keyboard user to be able to see all of the code / command text

Expected behavior
Remove the need for horizontal scrolling altogether by wrapping that text same as other text on the page

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

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.