EuroPython / website

Repository for the EuroPython 2022+ website.
https://europython.eu
23 stars 64 forks source link

A11y: fix card button contrast #774

Closed hugovk closed 2 months ago

hugovk commented 3 months ago

For https://github.com/EuroPython/website/issues/682.

Before

The contrast ratio of white on pink is too low: 2.22: 1

image

After

Instead of white on pink, use white on read, like the other buttons on the front page. With https://github.com/EuroPython/website/pull/773, the ratio will be 4.53:1, above the WCAG AA minimum of 4.5.

image

vercel[bot] commented 3 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ep2024 ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 4, 2024 9:47am
patrick91 commented 3 months ago

@hugovk thanks, but I'd prefer to keep the pink if possible, the red is too in-your-face :D

maybe we can find another shade of pink we can use?

hugovk commented 3 months ago

Would you like to have a play with the colour picker at https://webaim.org/resources/contrastchecker/?fcolor=FFFFFF&bcolor=FF8B9D and see if there's one you like that meets WCAG AA for normal text (4.5:1)?