Skip to content

πŸ› Bug: README.md badges don't have sufficient white-on-green color contrastΒ #1224

@JoshuaKGoldberg

Description

@JoshuaKGoldberg

Bug Report Checklist

  • I have tried restarting my IDE and the issue persists.
  • I have pulled the latest main branch of the repository.
  • I have searched for related issues and found none that matched my issue.

Expected

https://webaim.org/articles/contrast: all text in the README.md should have >= 3.5:1 color contrast between foreground and background text.

Actual

The badges I've been using -which, I should add, use pretty a common default green 😬- only have 2.68:1: https://webaim.org/resources/contrastchecker/?fcolor=FFFFFF&bcolor=21BB42.

Additional Info

The images do apply a shadow of #218334:

Screenshot of the 'πŸ’ͺ typescript: strict' README.md badge, zoomed in, with white text, a #218334 shadow, and #31B548 background

...but that's only underneath the text. So my hunch is it really only "counts" halfway.

Metadata

Metadata

Labels

area: documentationImprovements or additions to docsstatus: blockedWaiting for something else to be resolvedtype: bugSomething isn't working :(

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions