Insufficient contrast on advance note #8
Description
The advance note appears on every page in the finding aid viewer. One example is https://exploreuk.uky.edu/fa/findingaid/?id=xt7q2b8vck34 . (Image via Dubbot.)
Background color is #fcf8e3.
- ❌ Link text color
#337ab7, contrast ratio: 4.26:1. - ✅ Hover color
#23527c, contrast ratio: 7.65:1. - ✅ Text color
#654f2a, contrast ratio: 7.27:1. - ✅ Alert text color
#246024, contrast ratio: 7.09:1.
If the link text color were changed to #0033a0 (Wildcat Blue), that would increase the contrast ratio to 9.93:1.
To the best of my knowledge, link text color is set (with !important) in https://github.com/uklibraries/findingaid/blob/main/app/assets/css/extra.css#L98-L100 .
Switching the main link text color to Wildcat Blue would also improve contrast ratios on the page generally: the contrast ratio between #337ab7 and #ffffff (the main page background) is only 4.55:1, while the contrast ratio between #0033a0 and #ffffff is 10.59:1. Even the harmful language statement, which uses a blue background (#b1c9e8), would have its contrast ratio improved (from 2.68:1 to 6.25:1) by such a change.
The advance note appears in https://github.com/uklibraries/findingaid/blob/main/app/views/findingaid/advance_note.mustache .