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

[Bug]: Accessibility: Not possible to tab into the archived web page #371

Open
sebastian-alvarez-RS opened this issue Nov 15, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@sebastian-alvarez-RS
Copy link

ReplayWeb.page Version

v2.2.0

What did you expect to happen? What happened instead?

When I set a start url on the embedded replay web component I noticed that I cannot tab myself into the archived web page, it only tabs through the replay controls.

Step-by-step reproduction instructions

  1. Set an url when embedding the replay web component. Or just check one of the official examples: https://webrecorder.github.io/example-webarchive/items/wikipedia/
  2. Try to tab into the archived webpage. It is not possible.
  3. Click inside the archived web page. Now it works to tab but if you for example shift+tab until you get outside the archived web page you cannot get back in through tabbing.

Additional details

Viewing the code I noticed the tabindex attribute in the wr-coll-replay component is set to -1.

tabindex="-1"

When I removed this line everything worked as expected. I could tab in and out of the archived web page, even when hiding the replay controls. I don't know if there is a special reason for preventing tabbing there but if not I could create a PR to remove that line.

@sebastian-alvarez-RS sebastian-alvarez-RS added the bug Something isn't working label Nov 15, 2024
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