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

[Accessibility] After resizing page to 320*256 focus moving to the hidden elements while navigating with the tab key. #386

Open
enstyled opened this issue Aug 9, 2023 · 3 comments

Comments

@enstyled
Copy link

enstyled commented Aug 9, 2023

As described in https://github.com/github/accessibility-audits/issues/5262

Users with low vision who find it difficult to read the text in small font uses enlarged text with re-size, will be impacted as at 400% zoom and users will be confused if the focus move to hidden element while using keyboard tab key.

@enstyled enstyled changed the title [A11y] After resizing page to 320*256 focus moving to the hidden elements while navigating with the tab key. [Accessibility] After resizing page to 320*256 focus moving to the hidden elements while navigating with the tab key. Aug 9, 2023
@simurai
Copy link
Contributor

simurai commented Aug 22, 2023

As a quick fix for Universe, this PR makes the title a bit smaller below 390px viewport width:

Before After
kebab button is hidden kebab button is visible

But it's a pretty custom fix.

@joseph-lozano joseph-lozano self-assigned this Nov 10, 2023
@rezrah
Copy link
Collaborator

rezrah commented Jan 22, 2024

Related to #514

@rfearing
Copy link
Contributor

@rezrah I played around with this in Storybook and I believe this can be closed now 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants