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

Yellow Ticker Banner - Text Contrast #1898

Open
rickstjean opened this issue Nov 22, 2022 · 0 comments
Open

Yellow Ticker Banner - Text Contrast #1898

rickstjean opened this issue Nov 22, 2022 · 0 comments

Comments

@rickstjean
Copy link
Member

rickstjean commented Nov 22, 2022

Description

In the Ticker Banners used in TDS. the Flat Grid box paragraph has a white font, and against the Yellow Warning ticker, the contrast ratio does not pass the accessibility Standards.

We need a way to change the font colour to black so that the white text an the yellow background is visible.

Edit: We are not able to override the text colour with !important.

In the Ticker Banners used in TDS. the Flat Grid box paragraph has a white font, and against the Yellow Warning ticker, the contrast ratio does not pass the accessibility Standards.

We need a way to change the font colour to black so that the white text an the yellow background is visible.

  • Description of the defect, observations
  • The result you were expecting

Reproduction Steps

Open channelportal.telus.com in an organization that has an active alert ticker.

  1. Login to partner SSO with a valid user
  2. enter branch/location/brand
  3. on Application links page you will see the yellow banner box at the top.

Workaround details

highlight the text to improve contrast. this is not an acceptable workaround, it is the only partial mitigation solution we have.

Recommendation

  • Your recommendation here

Meta

  • TDS component version:
  • Willing to develop solution: Yes/No
  • High impact: Yes/No

Screenshots

  • Include any relevant screenshots
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant