実はこのテキストの中には、どこかがリンクになっています。どこのテキストにリンクが指定されているかビジュアルだけでわかりますか?
皆さんはどの段階で「このテキスト」という部分が少し青色であることに気づけましたか?もしかしたら、普段色を使うお仕事をされている方(デザイナーなど)はすぐに違和感に気づけたかもしれませんが、全てのテキストを読んでから青色になっている部分を探して見つけた方もいらっしゃるのではないでしょうか。
障害者や高齢者の方だけではなく、多くのユーザーを対象にしたこのような考え方を左近では「インクルーシブデザイン」という言葉で見かけるようになりました。
使っている方も多いかもしれませんが、Slackというコミュニケーションツールでも対応されています。他にも挙げたUIでは色覚サポートをオンにすると有効になるものでしたが、この機能は色覚サポートを設定しなくても以下のような状態です。
これはSlack内の、ダイレクトメッセージの一覧です。「yourname」と書かれたところが本来はユーザーの名前が入ります。このユーザーの名前の左にあるアイコンたちは色覚に頼っていない情報と言えます。
slackbotにはハート、アクティブ状態になっている人は緑で塗りつぶされた丸、離席中の人は白いラインのみの丸、ゲストは三角、グループチャットには参加しているメンバーの人数が表示されます。
実際にモノクロにしたものです。色がなくなっても、きちんと情報が理解できると思います。色覚モードのようなものを用意してもいいかもしれませんが、このようにデフォルトでUIに溶け込んでいると多くの人にとっても使いやすくなるのではないでしょうか。
今回は「案をたくさん出す」と言うワークだったのでたくさん出しましたが、正直に言うと個人的にはテキストを追加する、ロゴを追加する、表組みにする、ランキング形式にするの4つあたりが情報が伝わりやすい気がしています(現在のグラフにも言えることですが、グラフ部分だけではなく「右のロゴと参照してグラフを理解する」という不必要な1ステップがどうしても産まれてしまうので)。
「Webアクセシビリティ」というと中には大変な作業だと思われて敬遠されることも少なくはありません。私も少し敏感になりすぎていた時期がなかったといえば嘘になります。場合によっては必要以上の過剰な対応は結果的に他の人の敬遠を招いてしまう恐れも考えられます。