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(ContentSwitcher): resolve text contrast violations #8130

Conversation

emyarod
Copy link
Member

@emyarod emyarod commented Mar 19, 2021

Closes #6745

This PR updates the content switcher styles to match the updated spec which passes new text contrast requirements.

cc @aagonzales should we deprecate the light variant of this component and make it identical to the base style?

@netlify
Copy link

netlify bot commented Mar 19, 2021

Deploy preview for carbon-elements ready!

Built with commit b04c265

https://deploy-preview-8130--carbon-elements.netlify.app

@netlify
Copy link

netlify bot commented Mar 19, 2021

Deploy preview for carbon-components-react ready!

Built without sensitive environment variables with commit b04c265

https://deploy-preview-8130--carbon-components-react.netlify.app

@aagonzales
Copy link
Member

should we deprecate the light variant of this component and make it identical to the base style

Yes, the light variant won't be needed anymore.

@aagonzales
Copy link
Member

aagonzales commented Mar 23, 2021

Also just talked to Jeannie and we want to change the small divider between the tabs to $ui-03 instead. Since I don't think that one needs to pass 3:1 (the space between them should be enough on its own).

image

@emyarod emyarod force-pushed the 6745-content-switcher-text-contrast-updates branch from ab6e607 to 7f2b073 Compare March 24, 2021 16:30
@emyarod emyarod marked this pull request as ready for review March 24, 2021 16:30
@emyarod emyarod requested a review from a team as a code owner March 24, 2021 16:30
@emyarod emyarod requested a review from a team as a code owner March 24, 2021 17:03
Copy link
Member

@aagonzales aagonzales left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉 Looks great!

@aagonzales
Copy link
Member

aagonzales commented Mar 24, 2021

We should make sure we call out this change with the next release notes so people are aware since its a larger visual change.

Copy link
Member

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍 ✅

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Content switcher fails WCAG 1.4.11 Non-text Contrast
4 participants