こんにちは親愛なるhabrosociety！ 数日前の夜、私は非常に興味深い考えに立ち会いました。すなわち、視覚障害者や色覚障害（色覚異常）に苦しむ人々のためにインターネットをよりアクセスしやすくする方法です。
私たち （開発者、デザイナー、
UI /
UXスペシャリスト）とブラウザーの作成者は、猫の下で見つけることができます。 それで、おそらく、Habrahabrは私たちの何人かを探します。
Habrahabr、
{userName}どのように見ていますか？
情勢について
今日、検索エンジンとサイトがあなたについてのほとんどすべてを知っているとき、あなたが実際に探しているものを除いて、ターゲットのSERP、広告、その他のものを提供します（私は誇張しているかもしれませんが、多くはこの観点に固執しています）。 現時点では、視覚障害者は依然として、サイトの適合バージョンへの移行へのリンクを手動で検索する必要があります。 現時点では、デザイナーと
UI /
UXのスペシャリストは、一般のユーザーやカラーブラインドでも等しく受け入れられるように色を選択しようとしています。 このフィールドでは何千ものコピーが壊れています。 このタスクは、色覚障害の種類がいくつあるかを考えると簡単ではありません。
- プロタノピア（赤盲）
- ジュウテロノピア（緑盲）
- トリタノピア（ブルーブラインド）
- プロタノマリー（赤弱）
- 重度（緑弱）
- トリタノマリー（青弱）
- 色覚異常（ロッド単色性）
- ブルーコーン単色性
Wikipedia：
Color Blindnessで詳細をご覧ください。 ほとんどの色覚異常の人は、赤や緑の認識に問題がありますが、残りを無視することは何らかの形で間違っています。 しかし、すべての人を喜ばせようとすると（このアプローチは機能しません）、何も機能せず、あるバージョンの違反に色を適合させ、別のバージョンの認識を損ないます。 そのようなものです。 そして、これは虹の色が色の乱れを持つ人々をどのように見るかです：
さて、これで
LGBTフラグがカラーブラインドをどのように表示するかがわかりました。 それは世界の旗でもあります
が、ロシア連邦のユダヤ自治共和国 （私が修正したように、まだ7色あります）、そして判明したように、もっとたくさんあります。 しかし、今では何らかの理由で彼は1つだけですべてに関連付けられています...
UPD：ウィキペディアでこのフラグを例として見たとき、私自身も驚いていましたが、実際にはトローリングは有効です。 ちなみに、旗には虹色が1つ欠けています。
問題の程度について
それとも、彼に注意を払わないうちに彼と一緒にイチジクを食べたのかもしれません。 まあ、最初に、これらの問題は以前にも注目されていましたが、残念ながら、それほど頻繁にはありませんでした。 最近のものから、モスクワの地下鉄スキームがどのように適応されたかを思い出すことができます
。LiveJournalの Ludwigでそれについて読むことができます。 しかし、私は繰り返しますが、スケールは同じではありません。まあ、実際には別の配色で同じバージョンのサイトを作成しないでください。 次に、色覚障害のある人の周りの人を見てみましょう。
| 性別 | プロタノマリー | 重水素 | プロタノピア | ジュテラノピア |
|---|
| 男性 | 1.08％ | 4.63％ | 1.01％ | 1.27％ |
|---|
| 雌 | 0.03％ | 0.36％ | 0.02％ | 0.01％ |
|---|
このタブレットは、
Color Vision：Genes to Perception （Karl R. Gegenfurtner、Lindsay T. Sharpe）の本
から引用しています。
合計する
と、男性人口の約
8％ 、女性人口の
0.5％がいます。 比較のために、ロシアの人口は約2％（1億4,000万/ 70億）です。 独自の結論を導き出します。
インターネットを改善する方法
それで、午前2時に私に何が起こったのでしょうか？ アイデアは、すべてのブラウザーに追加の設定を追加し（いくつかの追加のチェックボックス）、必要に応じてユーザーが目的のアイテム（視覚障害、ある種の色覚異常）を選択できるようにすることでした。 そして、このモード/プロパティ/属性は、サイトの開発者が使用できます。
JavaScriptを介して
JavaScriptすることもできますが、
CSSを介してコンテンツを調整できるように、
media queries新しい
media typeを追加することをお勧めします。 ちなみに、すでに
aural （音声と音声のシンセサイザーに使用）と
braille （点字の触覚フィードバックデバイスに使用）のタイプがあります。 ここでは、このアプローチが色覚異常や視覚障害者だけでなく、
さまざまなカテゴリのユーザーに役立つという事実に焦点を当てたいと思います。 つまり、今日は珍しい入力/出力デバイスが時々登場しており、これも考慮に入れることができますが、これは別の記事のトピックです。
ハブでこれらすべてを書く理由について ここには、ブラウザ開発に影響を与えることができる人々がいます！ 少なくとも
pepelsbey （Opera）と
忘却 （Yandex）であり、他の会社の代表者がいます。 また、
忘れられた
W3C TAGのメンバーです。 また、サイトを適応させるかどうかに直接依存する人も多くいます。 そして、ウェブデザインに何らかの形で従事している人がここにどれだけいるのか、私は話していない。 もっとも重要なことは、追加の
media query記述するだけで適合できる場合、ネットワーク上の適合素材の数は大幅に増加するはずです。 結局のところ、小さな力で何かを改善できるのであれば、なぜそれをしないのですか？ そして、これが主なものです。
乾燥残渣
私のアイデアの本質は、私が提案したオプションを実現している限り、ターゲットを絞ったコンテンツを配信することです。コメントで議論することをお勧めします。批判や他の解決策なども見たいです。 専門家から、このアイデアの実行可能性と技術的実装のオプションについてお聞きしたいと思います。 一般的に、
一緒にインターネットを少し良く
しましょう！