Text elements do not have sufficient color contrast against background to meet a11y guidelines

[jacklorusso]

I just wanted to bring this to your attention in case it isn't already on the radar for future improvements. Running an accessibility audit through a tool like axe-core brings up a bunch of violations, but the color contrast and discernible link element issues are the most common ones.

Why is this important?

Some people with low vision experience low contrast, meaning that there aren't very many bright or dark areas. Everything tends to appear about the same brightness, which makes it hard to distinguish outlines, borders, edges, and details. Text that is too close in luminance (brightness) to the background can be hard to read.

See more at Deque University

This is a screenshot from axe-dev-tools summarizing the issues on the home page:

Hero section problem

Link color problem

If this is something you are willing to fix, I am happy to design and implement a more inclusive design that meets WCAG 2 AA contrast ratio thresholds but is still on brand, or work with whoever else is on this. Let me know!

[process-bot]

Thanks for the issue! Make sure it satisfies this checklist. My human colleagues will appreciate it!

Here is what to expect next, and if anyone wants to comment, keep these things in mind.

[ShalokShalom]

Do you have a proposal? :raised_hands:

[jacklorusso]

I'll send something through in the next few days, I'm a little busy at work right now but will find the time this week :)