jennifertieu
commented
1 month ago input provided by @CorinaMurg on the accessibility:
-
the subtitle paragraph. The text is now zinc-500 which gives a contrast ratio of 4.14. We only have to tweak the color a bit to get to a contrast of 4.5. Changing the text color to zinc-400 does the job but then the contrast is very high (which is not necessarily a bad thing but now the subtitle looks like the title). @Ryan Furrer | ryandotfurrer and I talked about this during our live audit. We'd need to find a text color that gives us a passing contrast but it's a bit more subdued than the title. ( I don't know tailwind that much. I tried zinc-420 but it does not seem to accept it 😠)
-
the links also have no contrast. Do not worry about them, when my PR gets merged in, they'll be taken care of.
-
the contrast between the white text and the orange background of the button also fails. We could either make the background darker (which might go against our entire color theme) or make the text dark. Since we use this button style on other pages as well, I'd suggest we leave it to Jayna. This issue is already on her to do list.
I'll get with Shashi and Jayna about how they want to handle the subtitle paragraph color
work with accessibility to determine the best color palettes here. Multiple instances of unreadable text due to choices of colors.