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

[Change in Video Player]: Change position of in-video call-to-actions on the video-player #11625

Open
2 tasks done
tweenn opened this issue Mar 7, 2024 · 0 comments
Open
2 tasks done
Assignees
Labels
design Applied to all issues assigned to the design team members. Filter used in planning meetings question Further information is requested

Comments

@tweenn
Copy link
Contributor

tweenn commented Mar 7, 2024

Summary

Due to accessibility complaints, we want to change in-video call-to-actions position from bottom-left to top-right just like youtube's cards in order to get then away from overlapping with closed captions - and Gerrard Ringuette (@jerryr) asked me to get a UX Review with you guys if possible.
There is no code-action needed for this change, just the design review if possible.

Relevant information

Our in-video call-to-actions [ctas] were designed originally by part of the brand team back in 2019 (by folks now at blue-studio or ibm.com) to appear in the bottom-left corner of the player as you can see in the screenshots below [as is]

As this positioning overlaps with closed captions - either because the closed-caption contain a big sentence or the user configured the player to display big letters - creating an accessibility violation, we want to change it to the top-right corner (just like youtube's cards) as in the screenshots below:


AS IS

image


Youtube Card Example

image


TO BE

image

image


Ps - As I get this a lot, the "is-this-helpful" in-screen ctas use both thumbs-up and thumbs-down @carbon/icons.

Name and organization

Felipe Zuntini - IBM Mediacenter's Architect

Code of Conduct

@tweenn tweenn added the question Further information is requested label Mar 7, 2024
@tweenn tweenn changed the title [Change in C4IdC Video Player]: Change position of in-video call-to-actions on the video-player [Change in Video Player]: Change position of in-video call-to-actions on the video-player Mar 7, 2024
@annawen1 annawen1 added the design Applied to all issues assigned to the design team members. Filter used in planning meetings label Mar 11, 2024
@oliviaflory oliviaflory self-assigned this Mar 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design Applied to all issues assigned to the design team members. Filter used in planning meetings question Further information is requested
Projects
Status: Triage
Development

No branches or pull requests

3 participants