search

csvconf / csvconf.com

A community conference for data makers everywhere, again!
https://csvconf.com
MIT License
89 stars 44 forks source link

Accessibility issues with the color contrast in the current palette #122

Closed spcanelon closed 3 years ago

spcanelon commented 3 years ago

Hello! I'm one of the speakers this year and I've learned from someone planning on attending my talk that the colors being used for the website makes the content inaccessible to them.

They have Irlen syndrome and in their case, they cannot read when the text or background are any remotely "warm" color, with yellow being the worst. This link leads to the conversation on Twitter.

For another reference, according to the U.S. Government accessibility guidelines for color and contrast, one guideline reads:

Slightly temper the contrast between your text and background color. For example: don’t use pure black text on a pure white background. Stark contrast can result in blurred or moving text for people with Irlen syndrome.

This said, would it be possible to come into alignment with these guidelines by providing an experience with, for example, an off-white background? Issue #2791 filed in the U.S. Web Design System repo provides some additional context and a great list of resources.

lwinfree commented 3 years ago

sorry that we've missed this @spcanelon! @serahrono do you have ideas for fixing this? I was thinking maybe having another schedule display page that is grey text on off-white background, but before I start messing around here I wanted to check with you first :-)

lwinfree commented 3 years ago

and thanks for opening the issue @spcanelon!

spcanelon commented 3 years ago

Thanks @lwinfree! If the team can manage an alternative color scheme for any website visitors that would be awesome. And I understand that an off-white background is best, if possible. I appreciate you considering this!

serahkiburu commented 3 years ago

hi @lwinfree and @spcanelon, I added a gray theme, and a toggle to move between the two at the top right of the website. Let me know what you think.

spcanelon commented 3 years ago

🤩 Thanks so much @serahrono! I'll check with the person that pointed out the issue to me and let you know ASAP.

spcanelon commented 3 years ago

@serahrono this change was appreciated!

Awesome, thanks so much!

Thank you and @lwinfree so much for your responsiveness and willingness to implement some additional accessibility practices for the website in time for this conference. I'm really looking forward to participating 😃

serahkiburu commented 3 years ago

amazing, thank you so much for bringing this to our attention @spcanelon 🙌