グレースケール実践のきっかけ
こんにちは。チャコウェブラジオは、株式会社Cyber Catsが運営するチャコウェブのスタッフが、
ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
進行を担当するゆみこです。よろしくお願いします。
ミヤです。よろしくお願いします。
今回は、アクセシビリティに関する雑談会です。
テーマを一つ取り上げて、アクセシビリティについて考えたことや感じたことなどを自由にお話ししていきます。
今回のテーマは、iPhoneをグレースケールにして気づいたことです。
はい。よろしくお願いします。
はい。これは、もうちょっと私の持ち込み企画みたいな感じになってますが、楽しみです。
そうですね。私が最近iPhoneをひょんなことからグレースケールにしたら、ウェブアクセシビリティに関連する部分にも気づいたなっていうお話で。
というのがですね、さっそくなんですけど、ちょっとなんでグレースケールにしたかっていうところをまず。
そこです。なぜグレースケール。
グレースケールっていうのは、そもそも白黒ですよね。
そうですね。基本的に白黒ですね。もう全体的に写真とかも白黒だし、もうアプリとかも白黒だし、本当にそのiPhone全体が白黒の状態。
白黒の状態。
ブラウザとか見てもそうですしっていう感じですね。
はい。
で、なんでこれにしたかっていうと、ちょっと私その、やっぱりこう休みの日とかにiPhoneをずっと触ってしまうっていうんですか。
ついついこうYouTube見たりとか、ネットをサーフィンしたりっていうんで、結構時間使っちゃうっていう時があったんですよ。
はい。
で、それがやっぱり、後からちょっと今日もったいないことしたなって後悔するんですよね。
うん。わかります。
そう。やっちゃったなって思うんですけど、触ってる時って、ちょっとこれ触りすぎだなって思いつつ、やっぱり触っちゃうみたいなのがあって。
はい。
よくないなっていうのはずっと思ってたんですけど、なかなかこうやめられないというか、なんかこう1日スマホ触らないようにしようとか思って電源消して、で、その日は触らないんですけど、また電源つけたら同じになっちゃったりとか。
そうですね。
それでちょっとどうスマホの時間を減らすかみたいなのを、だいぶ長いこと、もう本当にここ1年とか課題みたいな感じでいたんですけど、
そういう自己啓発系の内容をあげてるようなYouTube投稿してる方とか、いろいろいらっしゃると思うんですけど、
はい。
こういろいろバーって流し見してた時に、スマホの時間を減らしたいならグレースケールにしたらいいと画面をっていう話を聞いて、ちょっと興味が湧いて、どういうことだとこれは。
はい。
そしたら、要は色ってすごく魅力的だと。
なるほど。
だから、なんでもいいんですけど、動画を見るにしてもゲームをするにしても、やっぱり色の刺激があると脳は楽しくなっちゃうから、それをずっと続けちゃうと。
で、ここを白黒にすることで、楽しい刺激が減るので、スマホをやる時間が自然と減ってく、みたいなことが書いてあったんですよ。
では、そうなのかと思って。
で、実際にやった人も結構いるみたいで、調べてみると、それは日本でもそうですし、アメリカとかでも。
海外に。
海外に。
そうですね。で、なんか研究とかでも、やっぱり自然と減ったよっていう人もいるらしくて、スマホの時間が。よし、じゃあこれはやってみようと思って、で、グレースケールにしたと。
効果と発見
やってみました。
グレースケールのやり方を知らなかったので、まずグレースケールどうやってやるんだってところからだったんですけど、
そしたら、iPhoneの設定のアクセシビリティを変えられる、いろいろ文字の大きさ変えたりとかできるところがあるんですけど、
はい。
そこからカラーフィルターっていうのが設定できて、で、それでグレースケールっていうのを選ぶと、白黒になったんですよね。
なんか他にも青と黄色のフィルターとか、緑と赤のフィルターとかがあるので、たぶんもともとの機能としては色覚特性のある方だったりが、
そうですね。
ご自身の見やすい色合いに調整するっていうようなものだと思うんですが、
うんうんうんうん。
ちょっとせっかく機能としてあるならやってみよう、試してみようと思ってやってみたと。
はい。
そしたらなんと、スマホを触る時間が減ったんですよ。
おー、成果が出ましたよ。
これ結構減って、それこそ本当に、丸1日休みの日とかだと、短くてもう5時間、6時間とか触っちゃったりとかって結構あったんですよね。
はい。
なんですけど、それが2時間とかになったんですよ。
あ、だいぶ減りますね。
いや、本当にびっくりして、めちゃくちゃ減ったと思って。
すごい。
研究とかだと、平均して10分減ったとか、平均して30分減ったとからしいんですけど、
はい。
ちょっとなんか、白黒にしたら減るらしいよっていうプラスチック効果的なのもあったのかわかんないですけど、私の中で。
なんか、あんまりスマホ触っても楽しくないな、YouTubeとか見ても、うーんみたいな気持ちになって。
なるほど。
で、自然と触らなくなったら、そんぐらい時間が空いたっていうのがあって。
はい、はい。
で、これで他にもいろいろこう部屋の掃除したりとか、本読んだりとかできて、いや良かった良かったと思ってたわけですよ。
うん、良かった。
はい。
と思ったらなんと、色の見分けがつかない事態が発生しまして。
色の見分けの困難
あー、はい。
白黒にしたことで。
白黒だと、色がないから。
はい。
で、これでなんて言うんですかね、そのアクセシビリティの疑似体験をとか、そういう識覚特性のそういうシミュレーションをとかっていうのを意識してたわけでは全くなくて、スマホの使用時間を減らそうと思っただけだったんですけど。
はい。
疑似体験状態になったと。
うーん。
これがまた結構不便で、あーこういうことだったんだみたいな、そのウェブアクセシビリティのことを調べてる時に結構その色の見分けがつかないユーザーはこういうことがあるので、こういう対応した方がいいみたいなのが、WCAGとかに書いてあったりとか。
はい。
そういうのを見て、なるほどなるほどってこう読みながら勉強してきたわけですけど、それを身をもって知ったと。
あー、なるほど。え、例えばどんなところでありました?
これちょっと細かいこと忘れちゃったんですけど、何かしら家族とチャットアプリでやり取りをしてて。
おー、はい。
で、何か私が赤色だと思われるようなものを送ったんですよ。なんか赤色の絵文字かなんかだったんですかね。
はい。
なんか送ったんですよね。
うんうんうん。
そしたら、え、なんでこんないつもと違う色を送ってきたの?みたいなこと聞かれて。
はい。
え、赤じゃないの?って言ったら、なんか全然別の色だったんですよ。
へー。
でも、私にはそれが赤に見えてたんですよ。
うーん。
っていうので、なんか昔YouTubeでですよ、識格特性持ってる方が自分の失敗談を、ちょっと明るく面白く、識格特性の方が数人集まって、お互いの失敗談を楽しく共有するみたいなことを、若い大学生ぐらいの男性が集まってやってたことがあって、
その動画を見たときに、なんかすごい素敵な緑のセーターだなと思って、大学に来てったら、めちゃくちゃ派手な紫のセーターだって言われたって話があったんですよ。
あー、なるほど。
なんでそんな派手な紫のセーター着てんの?って友達に言われて、え、これ緑のセーターじゃないの?ってなったみたいな話をしてて、あ、こういうことなんだと思って。
そういうことなんだ。
なんでこんないつもと違う色使ってんの?みたいなの言われて、え、これ赤じゃないの?ってなって。
とか、あとはカレンダーの祝日の赤いところがパッと見分からないとか。
あー、確かにカレンダーって赤で示されますもんね。
そうなんですよ、祝日とか。一応書いてるんですよ、何々の日とかって。
はい。
書いてあるんですけど、これ前にギャードでお話しされてた、ギャードってアクセシビリティについて考える日っていうのがありまして、
その日、日本でもオンラインセミナーみたいなのをやって、いろいろお話が聞けるっていうイベントに参加したときに、
一人、色ってやっぱ大事だよってお話をされてて、っていうのが、色の見分ける速度ってやっぱり早いと。
グレースケールの影響
色は感覚的なものなので、緑色の中に例えばオレンジとか全然違う色があるときって、
もうパッて見た瞬間に一発で分かると。
うんうん。
なんですけど、オの中にアが混ざっててもパッと見分からないと。
そうですね、確かに。
っていうのをいろいろ聞いて、それを見て何々の日って文字で書いてはありますけど、
カラーなカレンダー見てるときの方が、パッと見て、この日休みなんだっていうのが分かるのに、
色が分かりづらい状態だと、えっとって見ないと分からないっていうのがあって。
確かに、そうですね。
やっぱり色って反応速度早いんだなっていうのを実感して。
そうですね。
確かにグレースケール、つまりは白黒の状態で見ていると、その情報を取り入れることができないんですよね。
そうですね、基本やっぱり周りと色は違うんですけど、グレースケールなので濃淡で判断するみたいな。
そうですね、もうちょっと濃いなとか薄いなだけで。
そうですね、なんか白は白ですけど、例えば薄い黄色とかだったらちょっと白に近いグレーみたいな。
はい。
濃い紫とかだったら黒に近いグレーみたいな。
うんうん。
多分そういう判断になってくるんだと思うんですけど。
そうですね。
色として見ている時は似てないんですけど、濃淡とかが似てると、色の濁り具合とかが似てると、同じ色に見えちゃったりするんですよね。
そうですよね、確かに。
例えばですけど、右に赤いボタン、左に青いボタンみたいな感じとかで区別しているようでも、実は四季角に特性がある方にとってはあまり区別になっていないと、形が同じだと。
なので、何か違う形とかにしないとダメですよね。
そうですね。
それこそ文章とかも、黒字の中に赤字があったら目立つと思うんですよ、色でいえば。
はい。
ですけど、グレースケールとか、そういう四季角特性のある方だと、赤字が黒と目立たないんですよね。
ほんとですね。多分同じ認識になりますね。
だいたいなんかちょっと色違うかな、みたいな感じで。
そうですよね。
そういう部分で、やっぱり何かしら車体にするとか、太字にするとか、そういう色じゃない表現方法も必要だよねっていうのは、これウェブアクセシビリティの結構基礎的な部分だと思うんですけど、
その必要性を身に染みて感じたっていうのが、偶然感じることになったというか。
実際には、私もお話に聞いたり、読んだりとか、なのでミヤさんともよく、このポッドキャストでもよく話すんですけど、実体験となるとやはり違いますよね。
違いますね。
そういう色の見分けがつかない場面に遭遇したときに、ウェブアクセシビリティの勉強したことが、今まで勉強したことが念頭にあるんで、これだったのか、みたいになるんですよね。
あれってこれだったのか、みたいな。
そうですね。
これは結構びっくりしましたね。
体験からの学び
今までもいろいろ話聞いたりとか、こうやってポッドキャストとかブログで書いたりして、色のこととか、ある程度頭に入ってたつもりではいましたけど、
実際に自分が遭遇というか、体験するとこうなるんだなっていうのが。
そうですね。一回こういう体験があると、ここ分かりにくいかもとか、こうした方が伝わるかもっていう考え方が直接できるようになりますよね。
そうですね。やっぱりスマホ通して何か見たときに、これ色分かりにくかったんだなって思うものもありますし。
そうですね。確かに。
普段識覚に特性がある方は、おそらくもうすでにその環境の中でずっと暮らされているので、分からないとか、チョイスを間違っているのは、そういう場面に遭遇してるからっていう可能性が高いので、
ここで誰でも見分けがつきやすいように作っておくと、間違わずに選んでもらえるとか、そういうことにつながりますね。
そうですね。
よかったらグレースケール試してみてください。
そうですね。ちょっと私試そうと思いました。
本当ですか。スマホの時間も減るかもしれないです。
これは合う合わないあるみたいで、全然時間変わらないよって人もいれば、結構がっつり変わったよって私みたいにっていう人もいるみたいなんですけど、
色を見分けつかないとちょっと不便なところあるなっていうのは結構あると思いますね。
なんかそれこそスマホだと、なんかアプリとかいろいろ入れてるじゃないですか。
はい。
なんとなく青いアプリ探すとか、緑のアプリ探すみたいなときありません?なんとなく色で探すとか。
そうですね。あります。
あれあれあれみたいな感じで、なんかあの緑のみたいな、あの探し方ができなくなるんですよアプリ。
あー確かに。なんか1日だけでもいいから、色々グレースケールに一旦全部変更して体験するっていうのは良さそうですね。
そうですね。だからそれは個人的にすごい発見でした。
はい。私もぜひ体験して、Xに体験談を投稿しようと思います。
またお話聞かせてください。あのどうだったり。
そうですね。了解しました。はい。ぜひやりましょう。
はい。ありがとうございます。
はい。ありがとうございます。それではここまででお聞きいただきありがとうございました。
感想をいただけるととっても嬉しいです。
ハッシュタグチャコウェブラジオをつけて、ぜひXで投稿してください。
また概要欄にメールフォームリンクをご用意しています。
ウェブアクセシビリティに対応したい方、チャコウェブにお仕事を依頼したい方やご相談がある方はお気軽にメッセージをお寄せください。
次回もお楽しみに。
