文字サイズ・配色変更ボタンの必要性
職場のHPを今度リニューアルします。
最近、文字サイズやサイト内の配色を変更できるボタンを導入するサイトが増えていますが、実際に視力の悪い方や色の見えにくい方は、あのボタンを使っているのでしょうか?
お年寄りから小学生まで見るサイトなので、文字は大きめ(サイズ可変)デザインのかっこよさより読みやすさ重視の配色を心がけています。
私のイメージでは、目の悪い方はもともとブラウザで文字サイズを大きく設定していたり、ウィンドウズ自体をハイコントラストの設定にしていたりすると思うのですが(Macでも白黒反転できますよね)、ボタンを使っているのでしょうか。
目はずっと見えてきていたのに、だんだん視力が下がってきて色んなサイトが見難くなってきている高齢者には有用だったりするのでしょうか?
でもそれなら別のサイトに移動したら文字サイズはまた小さくなってしまうわけで、
文字サイズ変更ボタンや色変更ボタンより、ブラウザやモニタの設定の仕方をわかりやすく
書いておくほうが親切かなと思いますし、実際そういうサイトも見かけます。
モニタの色を白黒反転させるのは極端な気がするので(色の見えにくい症状にも種類があるようですし)、
もしかしたら配色変更ボタンはつけたほうがいいのかなぁとも考えています。
画像もCSSで白黒反転しているサイトも見かけましたが、あれは本当に見やすくなっているのでしょうか。
No.1ベストアンサー
- 回答日時:
使われてないと思います。
見えてないと思いますから。
または、小さな文字の本文を一生懸命読んで、画面の端の方にあるボタンに気づくのは"何度も訪問して"やっとだと思います。
配色の変更ボタンも、たぶん必要ないと思います。
葉っぱをモチーフとし、背景色を#00FF00にしているサイトがあるとして、
色覚異常者に#00FF00を見せようとして、たとえば#00FFFFにしたとすると、
色覚異常者は確かにそのサイトの背景色は#00FF00に見えるかもしれませんが、
普段、「葉っぱの色」を「正常者にとっての#999900と同じ色」として認識している場合、「葉っぱの色とサイトの色が違う」と認識します。
つまり、「葉っぱの色」を見せたい場合は、正常者と同じ#00FF00を見せればいいと思います。
(ただし「#00FF00」を見せたいのであれば、その限りではないです。
#00FF00から類推する物は違ってくるかもしれませんが。)
赤色と緑色が茶色に見える色覚異常の人がいたとして、
背景赤、文字緑にしていると、
色覚異常の人にとっては文字が見えなくなりますので、配色を変更する必要がありますが、
そういう配色は正常色覚でも非常に読みづらいため、まず実用性がありません。
正常者に読みやすく、異常者に背景色と前景色が同じになる、と言う状態は、現在認識されている色覚異常の種類では存在しないと思いますから、
「文字を読みやすくするために」という目的であれば、コントラストを十分に取っていればそれだけで十分だと思います。
白黒反転ボタンも、やはり白黒反転が必要な人には見えないと思います。
背景白にしているだけで、画面全体がまるで太陽を見つめているかのようにまぶしくなりますから、
その状態でボタンを見つけるには、画面の1/3、、、いや半分以上の大きさの真っ黒のボタンが必要になると思います。
また、そう言うのが必要な人は、最初からブラウザの設定やパソコン全体の設定で白黒反転させていると思います。
配色変更ボタンは、色覚異常者を対象にするよりも、
「落ち着ける配色」というのは、とくに男性と女性、年齢で違いますから、
そう言う配色に変更して、落ち着いて読んでもらえるようにする方が良いと思いますけどね。。。
もちろん、ボタンのサイズや場所、目立つかどうかも影響すると思いますから、
ボタンが押された回数の統計を取ってみても良いんじゃないでしょうか。
>背景白にしているだけで、画面全体がまるで太陽を見つめているかのようにまぶしくなりますから、
初耳でした。これは大変ですね…。
やはりそういう方は元々色設定されていますよね。
>正常者に読みやすく、異常者に背景色と前景色が同じになる、と言う状態は、現在認識されている色覚異常の種類では存在しないと思いますから、
これも初耳でした。
コントラストを十分とれば、ボタンがなくても大丈夫そうですね。
納得できました。ありがとうございます。
No.2
- 回答日時:
アクセシビリティはやるべきものなので、やっているという姿勢が明確な
ボタンでの設定というのは有効です。(ユーザビリティの問題)
ただ、HTMLがきちんと構造として設計されているのであれば、見た目については
ユーザー側で自由に変更してもらう方がよいので、あえて押しつけがましく
「こうするとアクセシビリティ対策になります」とするのもうざいのはたしか。
どちらかというとその手のボタンで見やすさを提供するサイトの意図は
「うちはこんだけ理解してやってますよ」という姿勢をアピールしているだけだと思います。
>「うちはこんだけ理解してやってますよ」という姿勢をアピール
私もそう思っています。
他のサイトにボタンがあってもなんとも思わなかったのですが、
いざ自分でつけるかつけないかで迷ったときに、
このボタンにアピールの意味しかないのかと思うと格好悪く思えてきて、
ちゃんと使ってもらえてるのか気になり質問させて頂きました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- その他(ブラウザ) Webサイトのフォントサイズを統一できないか 1 2023/06/28 11:11
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- その他(クラウドサービス・オンラインストレージ) Googleカレンダーの予定の色を変えたい、文字色を変えたい。 1 2022/10/18 21:43
- Gmail 「Andoroidスマホ、Gmailで 文字の大きさの変更はどうすればいいのでしょうか?」 普段、文 1 2023/04/04 17:11
- Word(ワード) Wordでの印刷サイズについて A4の原稿をB5サイズで出力したいとき、 印刷から用紙サイズの指定か 4 2022/04/30 09:51
- その他(パソコン・周辺機器) PCのテキスト、背景設定を真っ黒にしてしまった 2 2023/01/07 07:35
- 確定申告 e-taxの暗証番号 4 2023/03/08 01:59
- Word(ワード) Wordの機能について教えてください。 2 2023/07/12 15:08
- その他(Microsoft Office) Excelの条件付き書式についての質問です。 2 2022/09/08 01:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
グーグルマップの文字化けで困...
-
リンクでPOSTデータを送信する...
-
INPUTのボタン周囲のスペース
-
input button の文字の色を2色...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
HTMLボタンの文字色を変え...
-
ボタンを押さずにボタンを押す...
-
<FORM> </FORM> の中に さらに...
-
画面遷移が不正ですと表示されます
-
同じソリューション内の別のプ...
-
グリッドビューでのチェックボ...
-
VBAで一時中断したプログラムの...
-
複数選択のListBoxでClickイベ...
-
c# 文字列の最後から1文字削除...
-
コネクション・セッション・ト...
-
勝手にログアウトされてしまい...
-
Webページ上のボタン等の位置を...
-
Accessの画面更新を一時的に停...
-
aspxをhtmlに変換する方法について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
checkboxとlabelがずれる
-
submitボタンにvalue属性の値で...
-
ボタンをクリックした時に、入...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
リンクでPOSTデータを送信する...
-
ボタンのなかに表示する文字を...
-
UWSC
-
グーグルマップの文字化けで困...
-
HTMLだけでボタン作成
-
<FORM> </FORM> の中に さらに...
-
INPUTのボタン周囲のスペース
-
ボタンリンクの文章を二行に・・・
-
inputのtextとsubmitの高さがズ...
-
ボタンを押さずにボタンを押す...
-
戻ると、記入フォームの内容が...
-
formの送信ボタンをテキストに...
-
どのボタンが押されたかの判定
-
ただいま勉強始めたての初心者...
おすすめ情報