Hello, dear habouksoobschestvo! A couple of days ago, at night, I was visited by one very interesting thought, namely, how to make the Internet more accessible for the visually impaired and people suffering from color impairment (color blind). How we can help them (developers, designers,
UI /
UX specialists) and browser creators can be found under the cut. So, perhaps, Habrahabr looks for some of us.

And how do you see Habrakhabr,
{userName}
?
About the state of affairs
Today, when search engines and websites know almost everything about you, in order to give you targeted issuance, advertising and anything else, except what you are actually looking for (maybe I exaggerate, but many adhere to this point of view). At this time, visually impaired people still need to manually look for a link to the transition to an adapted version of the site. At this very time, designers and
UI /
UX specialists are trying to choose colors so that they are equally well perceived by ordinary users and color blind. Thousands of copies broken on this field. This is not an easy task, considering how many types of color perception disorders exist:
')
- Protanopia (Red-Blind)
- Deuteranopia (Green-Blind)
- Tritanopia (Blue-Blind)
- Protanomaly (Red-Weak)
- Deuteranomaly (Green-Weak)
- Tritanomaly (Blue-Weak)
- Achromatopsia (Rod Monochromacy)
- Blue Cone Monochromacy
You can read more on wikipedia:
Color Blindness . Most color-blind people have problems with the perception of red or green color, but for this reason the others are somehow wrong to ignore. But if you try to please everyone (this approach never works), then nothing will come of you, adapting the colors for one variant of the violation, we will spoil the perception for the other. Such are the cases. And this is what rainbow colors
* look like for people with some color perception disorders:

Well, now you know what the
LGBT flag for color blind people looks like. Although it is also the flag of the world, the
Jewish Autonomous Republic of the Russian Federation (as I was corrected, there are still 7 colors) and, as it turned out, there is a lot more. But now for some reason he is associated with only one person ...
UPD: I was surprised when I saw this flag as an example on Wikipedia, but trolling is actually valid. By the way, they don’t have the same rainbow color on the flag, guess what =)
About the scale of the problem
Or maybe figs with him, because they didn’t pay attention to this before, which means now it is possible? Well, firstly, earlier these problems were also paid attention to, but, unfortunately, not as often as they should. From the recent we can recall how the Moscow metro scheme was adapted, you can read about it in Ludwig on
LiveJournal . But I repeat that the scales are not the same, well, I don’t really make a version of the site with an alternative color scheme, in fact ... although we will come back to this. Now let's see how many people around us have color perception disorders.
Gender | Protanomaly | Deuteranomaly | Protanopia | Deuteranopia |
---|
Male | 1.08% | 4.63% | 1.01% | 1.27% |
---|
Female | 0.03% | 0.36% | 0.02% | 0.01% |
---|
The label is taken from the book
“Color Vision: From Genes to Perception” (Karl R. Gegenfurtner, Lindsay T. Sharpe).
Total, we have about
8% of the male population and
0.5% of the female . For comparison, the population of Russia is about 2% (140 million / 7 billion). Draw your own conclusions.
How to make the Internet better
So, what came to my mind at 2 am? The idea was to add additional settings to all browsers (a couple of extra checkboxes) in which a person, if desired, could choose the desired item (visually impaired, such and such kind of color blindness). And then this mode / property / attribute could be used by developers on sites. You could use it through
JavaScript
, but even better, in my opinion, add a new
media type
for
media queries
so that you can adapt the content through
CSS . By the way, there are already types of
aural
(Used for speech and sound synthesizers) and
braille
(Used for braille tactile feedback devices), so why not add a couple more? Here I want to focus on the fact that this approach will help
different categories of users, and not just blind and visually impaired. This is me to the fact that now and then there are unusual I / O devices and this can also be taken into account, but this is the topic of a separate article.
Now, about why I am writing all this in Habré. There are people who can influence the development of browsers! At a minimum, this is
pepelsbey (Opera) and
forgotten (Yandex), there are representatives of other companies. And
forgotten is also a member of the
W3C TAG . There are also a lot of people here who directly decide whether to adapt the site or not. And I don’t say how many people are involved in web-design in one way or another. Well and the main thing, if it is possible to adapt simply by writing an additional
media query
, the number of adapted materials in the network should increase significantly. After all, if it is possible to improve something with small forces, why not do it? And this is the main point.
Dry residue
The essence of my idea lies in targeted content delivery, as far as we implement the option proposed by me, I propose to discuss in the comments, I would also like to see criticism, other solutions, and so on. From the experts I would like to hear the viability of this idea and options for technical implementation. In general, let's make the Internet a little better
together !