Caniuse: Background pattern as accessibility help

Created on 22 Jul 2014  Â·  5Comments  Â·  Source: Fyrd/caniuse

What about using a background pattern to better distinguish the colors, for example for the red boxes:

background-color: #DD4938;
background-image: repeating-linear-gradient(135deg, transparent,
   transparent 0.3em, rgba(0,0,0,.13) 0.3em, rgba(0,0,0,.13) 0.6em);

The feature background-image seems to be pretty well supported (according to caniuse.com ☺).

I know that there’s a setting for different colors but why should visually impaired people be constrained to use a special option, when there’s a solution that doesn’t discriminate?

Available on Beta site Site design

Most helpful comment

This is now available on the main site.

All 5 comments

I just worked with a colour-blind person and found this issue. +1
(I had to tell them about the link-at-the-bottom-look-there and thought maybe it was worth doing something).

Alternately, has adding pictograms been considered?
One or the other would be OK, I guess.

The beta site (https://beta.caniuse.com) now uses different patterns for different support levels. Will close this issue once it's on the main site.

That's great!

This is now available on the main site.

Great feature, thanks a lot!

It seems not to work when using color-friendly theme, is that expected?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

LifeIsStrange picture LifeIsStrange  Â·  3Comments

mirraj2 picture mirraj2  Â·  3Comments

myfonj picture myfonj  Â·  3Comments

mhartoft picture mhartoft  Â·  3Comments

zackarychapple picture zackarychapple  Â·  3Comments