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 contrast issues on truss.works #1

Open
xtine opened this issue Apr 20, 2020 · 4 comments
Open

Fix contrast issues on truss.works #1

xtine opened this issue Apr 20, 2020 · 4 comments
Labels
bug Something isn't working pivotal import Imported stories from Reserve Pivotal Tracker board

Comments

@xtine
Copy link
Contributor

xtine commented Apr 20, 2020

Issue 2: Contrast between hero and white text does not pass WCAG
Contrast between description text over hero image does not pass WCAG AA. WCAG states that the minimum contrast ratio for small text (18pt/24px and below) is 4.5:1.

Issue 3: Contrast on buttons does not meet WCAG
Contrast between description text over hero image does not pass WCAG AA. WCAG states that the minimum contrast ratio for small text (18pt/24px and below) is 4.5:1.

Issue 4: Text links do not meet WCAG for contrast
Text links with Truss orange do not pass WCAG AA for contrast. WCAG states that the minimum contrast ratio for small text (18pt/24px and below) is 4.5:1.

Doc with all documented accessibility issues:
https://docs.google.com/document/d/1upM9ue4UAuJwIBbZ6fRdjGKmzs-odcWxDQfYftIrHyw/edit?usp=sharing

PT IMPORTED STORY: https://www.pivotaltracker.com/story/show/171138328

@xtine xtine added the pivotal import Imported stories from Reserve Pivotal Tracker board label Apr 20, 2020
@xtine xtine added the bug Something isn't working label Apr 20, 2020
@xtine
Copy link
Contributor Author

xtine commented Apr 23, 2020

Fixed index page contrast issues:

  • Darkened orange link color to #C94A31
  • Changed alternate section background color to: #FBFCFE

@xtine
Copy link
Contributor Author

xtine commented Apr 23, 2020

Fixed button contrast issues by darkening orange colors to: #C94A31

@xtine
Copy link
Contributor Author

xtine commented Apr 23, 2020

Darkened header color to: #C94A31

@xtine
Copy link
Contributor Author

xtine commented Apr 28, 2020

The only issue remaining is number 2 on the Google doc, which is the contrast issue between hero image and the white text above it. I've tagged @joshmfranklin to look into how we should approach this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working pivotal import Imported stories from Reserve Pivotal Tracker board
Projects
None yet
Development

No branches or pull requests

1 participant