Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Color coding of status cards #330

Open
MoritzGiessmann opened this issue Nov 25, 2024 · 0 comments
Open

Color coding of status cards #330

MoritzGiessmann opened this issue Nov 25, 2024 · 0 comments

Comments

@MoritzGiessmann
Copy link

Hey everyone!
Thanks

I just wanted to ask if you’d like the idea of having a color coding that reflects the status of a project and make the list of projects and it’s status more scannable for people with vision. I have a red green color weakness myself, so adding icons could be a possible next step.

Before
pa11y card of a project called morsekode. (WCAG2AA) - 0 Errors, 16 Warnings - 40 Notices - The boxes for errors and warnings are red, the notices are blue

After
Same box, 0 errors is green, and the 16 warnings are orange now

If you think this is a good idea, I could make a pull request for this. This is just a quick prototype. I did not check if the contrasts are right, I just wanted to propose something on which we could iterate.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant