Skip to content

Commit

Permalink
A11y: fix card button contrast (#774)
Browse files Browse the repository at this point in the history
For #682.

# Before

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


![image](https://github.com/EuroPython/website/assets/1324225/96018656-bf95-497e-8007-2ccc74c98329)


# After

Instead of white on pink, use white on read, like the other buttons on
the front page. With #773, the
ratio will be 4.53:1, above the WCAG AA minimum of 4.5.


![image](https://github.com/EuroPython/website/assets/1324225/0848febf-ed2c-48bb-8880-52bcfc5f81d6)

---------

Co-authored-by: Patrick Arminio <[email protected]>
  • Loading branch information
hugovk and patrick91 authored Jul 8, 2024
1 parent eff7acf commit dc7fd33
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/components/card/card.astro
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ const { title, subtitle, url, image } = Astro.props;
</div>
<h3 class="text-3xl font-bold mt-6 mb-4 text-primary">{title}</h3>
<p
class="bg-secondary inline-block text-text-inverted font-extrabold px-4 py-2 text-lg mb-4 rounded-[30px]"
class="bg-[#e22558] inline-block text-text-inverted font-extrabold px-4 py-2 text-lg mb-4 rounded-[30px]"
>
{subtitle}
</p>
Expand Down

0 comments on commit dc7fd33

Please sign in to comment.