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 bug: nearly impossible to login or sign up using a keyboard from the homepage #6369

Open
1 task
SleeplessByte opened this issue Nov 15, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@SleeplessByte
Copy link

Steps to Reproduce

  1. Go to https://bsky.app/
  2. Try to reach the Sign in or Sign up buttons in the bottom bar
  3. Good luck, you won't.

I don't think it's the expectation to tab over 400 times to get to these buttons. Additionally, content will load, so you potentially never reach it. The only way to currently sign up or login is to either know the URL or to google (kagi search) the page.

  • Allow users who are not signed in to sign up using a keyboard only without having to tab up to infinity

How to solve? You probably want a skip link, understanding bypass blocks. Usually these links are added to skip the navigation, which bluesky lacks as well, but that's a different issue. When logged out, I would add a skip link at the top to "skip to navigation", which is what that is (sign up and login)

Attachments

Breakpoint Focus order
Mobile Focus order overlay on the logged out home page with a sign up reporting as 446, mobile viewport
Desktop Focus order overlay on the logged out home page with a sign up reporting as 416, desktop viewport

What platform(s) does this occur on?

Web (Desktop), Web (Mobile)

Device Info

Not Relevant

What version of the app are you using?

Web

Additional Information

If I recall correctly, Voiceover will not show a number for each tabstop, but only for each visible tabstop, so this should not be an issue on Android/iOS in terms of using Voice Commands, but it is absolutely an issue for users who use something like a joystick or keyboard to tab through the interactive elements.

@SleeplessByte SleeplessByte added the bug Something isn't working label Nov 15, 2024
RichardNesbitt added a commit to RichardNesbitt/social-app that referenced this issue Nov 18, 2024
In response to -
Accessibility bug: nearly impossible to login or sign up using a keyboard from the homepage bluesky-social#6369

Reordered elements in createNativeStackNavigatorWithAuth.tsx and added z-index: 1 to the LeftNav and RightNav elements.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant