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.

Sign up for GitHub

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

Jump to bottom

Skip transcript button - Not visible when focused #262

Closed
swashbuck opened this issue Apr 27, 2023 · 1 comment · Fixed by #263
Closed

Skip transcript button - Not visible when focused #262

swashbuck opened this issue Apr 27, 2023 · 1 comment · Fixed by #263
Assignees
@swashbuck
Labels
accessibility bug released

Comments

@swashbuck
Copy link
Contributor

Subject of the issue

From an accessibility review we had:

A "Skip to Transcript" button is available above media players, but does not become visible when focused. For sighted keyboard users who want to refer to the transcript, navigating to the transcript is less efficient as a result.

Similar to the treatment provided to the skip navigation link, we recommend making the "Skip to Transcript" button visible when focused to ensure users are not confused by the blank focus stop, and to give all keyboard users equivalent ease accessing the transcript.

<button class="aria-label js-skip-to-transcript" tabindex="0" aria-label="Skip to transcript"></button>
@swashbuck swashbuck self-assigned this Apr 28, 2023
@swashbuck swashbuck mentioned this issue Apr 28, 2023
Merged
@swashbuck swashbuck moved this from New to Needs Reviewing in adapt_framework: The TODO Board Apr 28, 2023
@github-project-automation github-project-automation bot moved this from Needs Reviewing to Recently Released in adapt_framework: The TODO Board May 9, 2023
joe-allen-89 pushed a commit that referenced this issue May 9, 2023
@swashbuck
Fix: Make 'skip to transcript' button visible on focus (fixes #262) (#…
b57fac7 
…263)

* Make 'skip to transcript' button visible on focus

* Remove tabindex -1, add styles to mirror skip nav button
github-actions bot pushed a commit that referenced this issue May 9, 2023
@semantic-release-bot
Chore(release): 6.3.3 [skip ci]
e903294 
## [6.3.3](v6.3.2...v6.3.3) (2023-05-09)

### Fix

* Make 'skip to transcript' button visible on focus (fixes #262) (#263) ([b57fac7](b57fac7)), closes [#262](#262) [#263](#263)
@github-actions
Copy link

github-actions bot commented May 9, 2023

🎉 This issue has been resolved in version 6.3.3 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@swashbuck swashbuck

Labels
accessibility bug released
Projects
None yet
Milestone
No milestone
1 participant
@swashbuck