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

Fix bug blocking keyboard users from accessing video controls #11371

Merged
merged 15 commits into from
Jun 8, 2022

Conversation

gcamacho079
Copy link
Contributor

Description

Adds bumper buttons to preview modals to address focus trap bug caused by video controls being in the Shadow DOM (Resolves DEV-413)

In addition:

  • Adds a line of code to prevent the addition of a focus trap if there are no focusable elements found in the container; this prevents blocking focus traps caused when elements like iframe and video are the only ones present in a modal container
  • Adjusts top position of skip link to be 0 instead of auto
  • Modifies setFocusWithin function to set focus on modal container if no focusable elements are inside

@linear
Copy link

linear bot commented Jun 1, 2022

DEV-413 Video controls are not operable by keyboard users

Video controls in HTML5 video player are not able to be focused or operated by keyboard users

Make controls focusable and have visible focus indicators

Screen Shot 2022-03-31 at 10.01.03 AM.png

Resolves CMS-090

@gcamacho079 gcamacho079 added accessibility 👤 features related to accessibility 🐞 bug labels Jun 1, 2022
# Conflicts:
#	src/web/assets/cp/dist/cp.js
#	src/web/assets/cp/dist/cp.js.map
src/web/assets/cp/src/js/PreviewFileModal.js Outdated Show resolved Hide resolved
src/web/assets/cp/src/js/PreviewFileModal.js Outdated Show resolved Hide resolved
@gcamacho079 gcamacho079 requested a review from brandonkelly June 8, 2022 15:32
# Conflicts:
#	src/web/assets/cp/dist/cp.js
#	src/web/assets/cp/dist/cp.js.map
@brandonkelly brandonkelly merged commit e690413 into develop Jun 8, 2022
@brandonkelly brandonkelly deleted the hotfix/video-preview-keyboard-a11y branch June 8, 2022 22:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility 👤 features related to accessibility
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants