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

IUBLibTech / newton_chymistry

New version of 'The Chymistry of Isaac Newton', using XProc pipelines to generate a website based on TEI XML encodings of Newton's alchemical manuscripts, and Apache Solr as a search engine.

2 stars 0 forks source link

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

Closed mdalmau closed 5 months ago

mdalmau commented 6 months ago

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.

[x] Ask Bill who should be added to the SiteImprove tool

mdalmau commented 6 months ago

@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.

tubesoft commented 6 months ago

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:

After:

mdalmau commented 6 months ago

@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 commented 6 months ago

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.

After:

tubesoft commented 6 months ago

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

tubesoft commented 6 months ago

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

mdalmau commented 6 months ago

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

tubesoft commented 6 months ago

@mdalmau This is it:

mdalmau commented 6 months ago

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

tubesoft commented 6 months ago

@mdalmau Good to know that! Thanks.

tubesoft commented 6 months ago

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

mdalmau commented 5 months ago

Since this issue is now part of https://github.com/IUBLibTech/newton_chymistry/pull/146, I will mark this issue as "done" so I can better see the remaining accessibility issues!