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

Color contrast does not meet minimum requirement (IU Accessibility Mandate) #141

Closed
1 task done
mdalmau opened this issue Feb 20, 2024 · 12 comments
Closed
1 task done
Assignees

Comments

@mdalmau
Copy link
Collaborator

mdalmau commented Feb 20, 2024

313,002 occurrences but this should be one or two small changes in the CSS. One problem is:

  • green font used in the diplomatic and normalized versions to show legibility, deletions, etc.
  • the footer links are red and do not provide sufficient contrast with the taupe background color
  • there are more ... this will have to be fixed and rescanned in SiteImprove to reduce the occurrences to more easily pin point where the fixes need to be made

IU has a mandate that all web sites published on IU servers must meet WCAG I and II Accessibility requirements. If the requirements are NOT met, sites will be taken down. To learn more about this initiative, visit the Digital Strategy Initiative web site.

  • Ask Bill who should be added to the SiteImprove tool
@mdalmau
Copy link
Collaborator Author

mdalmau commented Feb 20, 2024

@tubesoft : At the Newton meeting today, Bill said you would be working on these accessibility issues. I requested SiteImprove access for you. Once you have access, you will login using your @iu credentials. If you want to read more about SIteImprove and accessibility, LOGIN to the KB and start here.

Could you have a look at this issue and confirm it's something you can fix? Once you confirm, we can figure out a testing workflow.

@mdalmau mdalmau removed their assignment Feb 20, 2024
@tubesoft
Copy link
Collaborator

tubesoft commented Feb 23, 2024

I am changing the text color of #018B84 to #007F79, which improves the contrast from 3.86:1 to 4.503711010093676.
The color is just becoming a little bit darker. But it's subtle!

Before:
image

After:
image

@mdalmau
Copy link
Collaborator Author

mdalmau commented Feb 23, 2024

@tubesoft : are you verifying the changes with the SiteImprove browser plugin? I am just curious if you are verifying local fixes with the plugin. Thanks!

@tubesoft
Copy link
Collaborator

Another issue is the background of the footer.
I am changing it from #BCAB81 to #DFD9BD, which is the same color as the header's background.
This improves the contrast from 3.94 to 6.284904266298057.

image image

After:
image

@tubesoft
Copy link
Collaborator

@mdalmau I actually googled a color contrast checker on the web!

@tubesoft
Copy link
Collaborator

@mdalmau SiteImprove also lists "Enhanced" color contrast requirement. Do I have to work on that too? Or is it optional?

@mdalmau
Copy link
Collaborator Author

mdalmau commented Feb 26, 2024

@tubesoft I am not sure what you mean. Can you include a screen shot for "enhanced" color contrast? Thanks!

@tubesoft
Copy link
Collaborator

@mdalmau This is it:
image

@mdalmau
Copy link
Collaborator Author

mdalmau commented Feb 26, 2024

@tubesoft : No -- We only need to fix A and AA issues.

@tubesoft
Copy link
Collaborator

@mdalmau Good to know that! Thanks.

tubesoft pushed a commit that referenced this issue Feb 27, 2024
@tubesoft
Copy link
Collaborator

@mdalmau, I fixed the issues and committed, as you can see above.

@mdalmau
Copy link
Collaborator Author

mdalmau commented Mar 26, 2024

Since this issue is now part of #146, I will mark this issue as "done" so I can better see the remaining accessibility issues!

@mdalmau mdalmau closed this as completed Mar 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants