Accessibility: Bad color contrast on hyperlinks in Localize Mozilla page

mozilla / community-portal

36 stars 13 forks source link

Accessibility: Bad color contrast on hyperlinks in Localize Mozilla page #746

Closed reemhamz closed 4 months ago

reemhamz commented 2 years ago

On the Localize Mozilla page, the hyperlinks (notably Get Started) have bad color contrasts with the background of the link being nearly similar to the text, providing poor accessibility.

Also, we should remove the space between Get started and !.

Suggestion:

Remove colorful background on hyperlink, or
change background color to be lighter, providing better color contrast

Check color contrast accessibility here https://webaim.org/resources/contrastchecker/

jakobkappel commented 7 months ago

The hyperlinks have been replaced by a button:

Colors contrast (including :hover and :focus) gets a 'Pass' on https://webaim.org/resources/contrastchecker/

So I guess the issue can be closed :)