Use grayscale filter to see where you are relying too much on colour
If you set the following on your html
, you will be able to see which elements you rely too much on colour to convey state:
- Code language
- css
html {
filter: grayscale(1);
}
It’s not a great idea to rely on colour for state because many people struggle to see the difference in colours. Instead, try using iconography and descriptive, helpful text labels.