-
Notifications
You must be signed in to change notification settings - Fork 25
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: Contrast (Minimum) (WCAG SC 1.4.3) #817
base: master
Are you sure you want to change the base?
Conversation
✅ Deploy Preview for cld-video-player ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
✅ Deploy Preview for cld-vp-esm-pages ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
@@ -108,8 +108,9 @@ export const overrideDefaultVideojsComponents = () => { | |||
const Player = videojs.getComponent('Player'); | |||
let children = Player.prototype.options_.children; | |||
|
|||
// Add TitleBar as default | |||
children.push('titleBar'); | |||
if (children.indexOf('titleBar') === -1) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
why we need this "if" ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I was playing with colors opacity, and got weird results visually, this is how I found out the title is being rendered twice :)
This if
prevents that.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@ShayLevi could this be what's failing the test here? I couldn't find any reason why it would fail, the videos obviously play fine in the deploy preview
This PR fixes a few text color-contrast issues
Before:
![image](https://private-user-images.githubusercontent.com/346835/412486770-c6e2c2ee-3be7-4d0f-9c02-2086430278b5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MzIzNzksIm5iZiI6MTczOTYzMjA3OSwicGF0aCI6Ii8zNDY4MzUvNDEyNDg2NzcwLWM2ZTJjMmVlLTNiZTctNGQwZi05YzAyLTIwODY0MzAyNzhiNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNVQxNTA3NTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yMmFhNjQ1OTQ4NmZkY2Q4OTRjYjNmNzkyNDc4YjA2ZWE0NWVhNGU0MmU0OTE0MDQwZjFmNTBiZTFkYTZhZDVmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.J7mIhFMe-5YA5dyL5TDtory9Gr8PIQ9parF11jxIU1E)
After:
![image](https://private-user-images.githubusercontent.com/346835/412486415-7ee0a6b8-3129-4343-9b64-189042920e8d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MzIzNzksIm5iZiI6MTczOTYzMjA3OSwicGF0aCI6Ii8zNDY4MzUvNDEyNDg2NDE1LTdlZTBhNmI4LTMxMjktNDM0My05YjY0LTE4OTA0MjkyMGU4ZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNVQxNTA3NTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hZDI4Mzg4ZTYyMmJlZTk0NzM3ZWYwYjIzZDIyODA3ODhiNmY5NWM4NTgwOTg3ZjVhYTM3MjIwMTlkYjgzYjI1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.npKNKT7hj-h9FGNuds_SpA5vqKsUbbG4ymK2MSf7-iI)