Unread badges in the new left menu are difficult for colour-blind people to read

[suprememoocow]

I have strong protan color blindness, and I've found it quite difficult to distinguish the text on the unread badges from the background of the badge.

For example:

Might look like this:

(Obviously, I have no idea whether this is an accurate reflection of how I see it but to me the simulation's background colour is a bit darker than how I see it)

Making the text bolder or using a different background/foreground would really help.

[ricardobaeta]

@suprememoocow I did some experiments on the badge background. What do you think?

[suprememoocow]

That is definitely much better!

[MadLittleMods]

Do we need to add a color blind mode? The dark green looks quite dreary and moves away from the familiar caribbean.

[suprememoocow]

A suggestion: keep the caribbean, but put a drop-shadow or an outline on the text. To be honest, that colour is quite dreary to me too..

Not that my opinion on the choice of colours matters that much 😸 ...except for when I can't read something

[ricardobaeta]

@suprememoocow

keep the caribbean, but put a drop-shadow or an outline on the text.

Maybe an option... @MadLittleMods @mydigitalself what do you think?

[suprememoocow]

Another option, using text-shadow css property...

[mydigitalself]

What was the previous colour we used for the badges - was that less of a problem @suprememoocow ?

[MadLittleMods]

More discussion here, :point_up: May 18, 2016 11:24 AM

[MadLittleMods]

Waiting on @suprememoocow response or other color blind person.

Here is a good tool to easily preview a site with a colorblind filter, http://chromelens.xyz/

Iterations for review

Subtle

Drastic

---

Current

Past unread badges