Badge statuses are not accessable for color blind #92

Open
opened 2023-04-16 10:46:34 +00:00 by valberg · 3 comments
Owner

The way of distinguishing status of a service with color does not make sense for those of us who are color blind.

Could we maybe use some other designation like emojis:

👍 : Positive
👎 : Negative
: Unknown
🤙 : Partly (I'm on the fence on this one)

The way of distinguishing status of a service with color does not make sense for those of us who are color blind. Could we maybe use some other designation like emojis: 👍 : Positive 👎 : Negative ❓ : Unknown 🤙 : Partly (I'm on the fence on this one)
valberg changed title from Badges are not accessable for color blind to Badge statuses are not accessable for color blind 2023-04-16 10:46:55 +00:00
Owner

OOPS!! This was sloppy - I was trying to write as little CSS as possible and doing as little design as possible :)

I think maybe WRITING the status works great for accessibility in general. So not just relying on the code.

OOPS!! This was sloppy - I was trying to write as little CSS as possible and doing as little design as possible :) I think maybe WRITING the status works great for accessibility in general. So not just relying on the code.
Owner

@valberg

what do you think about these?

positive
negative
partial
unknown

I'm thinking that the hands are a bit bombastic and visually not so pleasing. The individual services already contain labels:

image

@valberg what do you think about these? ✅ positive ➖ negative ⏳ partial ❔ unknown I'm thinking that the hands are a bit bombastic and visually not so pleasing. The individual services already contain labels: ![image](/attachments/3a6d5064-5383-4b66-811b-ce5428a3accb)
Owner

@valberg do you think that the above works and we can close this?

@valberg do you think that the above works and we can close this?
Sign in to join this conversation.
No labels
new-website
ui
No milestone
No project
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: data.coop/website#92
No description provided.