文字サイズ・配色変更ボタンの必要性

このQ&Aのポイント
  • 文字サイズ・配色変更ボタンの必要性について考える
  • 文字サイズや配色を変更できるボタンは視覚に制約のある方々にとって便利か
  • ブラウザやモニタの設定だけではなく、配色変更ボタンの存在も検討する
回答を見る
  • ベストアンサー

文字サイズ・配色変更ボタンの必要性

文字サイズ・配色変更ボタンの必要性 職場のHPを今度リニューアルします。 最近、文字サイズやサイト内の配色を変更できるボタンを導入するサイトが増えていますが、実際に視力の悪い方や色の見えにくい方は、あのボタンを使っているのでしょうか? お年寄りから小学生まで見るサイトなので、文字は大きめ(サイズ可変)デザインのかっこよさより読みやすさ重視の配色を心がけています。 私のイメージでは、目の悪い方はもともとブラウザで文字サイズを大きく設定していたり、ウィンドウズ自体をハイコントラストの設定にしていたりすると思うのですが(Macでも白黒反転できますよね)、ボタンを使っているのでしょうか。 目はずっと見えてきていたのに、だんだん視力が下がってきて色んなサイトが見難くなってきている高齢者には有用だったりするのでしょうか? でもそれなら別のサイトに移動したら文字サイズはまた小さくなってしまうわけで、 文字サイズ変更ボタンや色変更ボタンより、ブラウザやモニタの設定の仕方をわかりやすく 書いておくほうが親切かなと思いますし、実際そういうサイトも見かけます。 モニタの色を白黒反転させるのは極端な気がするので(色の見えにくい症状にも種類があるようですし)、 もしかしたら配色変更ボタンはつけたほうがいいのかなぁとも考えています。 画像もCSSで白黒反転しているサイトも見かけましたが、あれは本当に見やすくなっているのでしょうか。

  • CSS
  • 回答数2
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

使われてないと思います。 見えてないと思いますから。 または、小さな文字の本文を一生懸命読んで、画面の端の方にあるボタンに気づくのは"何度も訪問して"やっとだと思います。 配色の変更ボタンも、たぶん必要ないと思います。 葉っぱをモチーフとし、背景色を#00FF00にしているサイトがあるとして、 色覚異常者に#00FF00を見せようとして、たとえば#00FFFFにしたとすると、 色覚異常者は確かにそのサイトの背景色は#00FF00に見えるかもしれませんが、 普段、「葉っぱの色」を「正常者にとっての#999900と同じ色」として認識している場合、「葉っぱの色とサイトの色が違う」と認識します。 つまり、「葉っぱの色」を見せたい場合は、正常者と同じ#00FF00を見せればいいと思います。 (ただし「#00FF00」を見せたいのであれば、その限りではないです。 #00FF00から類推する物は違ってくるかもしれませんが。) 赤色と緑色が茶色に見える色覚異常の人がいたとして、 背景赤、文字緑にしていると、 色覚異常の人にとっては文字が見えなくなりますので、配色を変更する必要がありますが、 そういう配色は正常色覚でも非常に読みづらいため、まず実用性がありません。 正常者に読みやすく、異常者に背景色と前景色が同じになる、と言う状態は、現在認識されている色覚異常の種類では存在しないと思いますから、 「文字を読みやすくするために」という目的であれば、コントラストを十分に取っていればそれだけで十分だと思います。 白黒反転ボタンも、やはり白黒反転が必要な人には見えないと思います。 背景白にしているだけで、画面全体がまるで太陽を見つめているかのようにまぶしくなりますから、 その状態でボタンを見つけるには、画面の1/3、、、いや半分以上の大きさの真っ黒のボタンが必要になると思います。 また、そう言うのが必要な人は、最初からブラウザの設定やパソコン全体の設定で白黒反転させていると思います。 配色変更ボタンは、色覚異常者を対象にするよりも、 「落ち着ける配色」というのは、とくに男性と女性、年齢で違いますから、 そう言う配色に変更して、落ち着いて読んでもらえるようにする方が良いと思いますけどね。。。 もちろん、ボタンのサイズや場所、目立つかどうかも影響すると思いますから、 ボタンが押された回数の統計を取ってみても良いんじゃないでしょうか。

kanakonaka
質問者

お礼

>背景白にしているだけで、画面全体がまるで太陽を見つめているかのようにまぶしくなりますから、 初耳でした。これは大変ですね…。 やはりそういう方は元々色設定されていますよね。 >正常者に読みやすく、異常者に背景色と前景色が同じになる、と言う状態は、現在認識されている色覚異常の種類では存在しないと思いますから、 これも初耳でした。 コントラストを十分とれば、ボタンがなくても大丈夫そうですね。 納得できました。ありがとうございます。

その他の回答 (1)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.2

アクセシビリティはやるべきものなので、やっているという姿勢が明確な ボタンでの設定というのは有効です。(ユーザビリティの問題) ただ、HTMLがきちんと構造として設計されているのであれば、見た目については ユーザー側で自由に変更してもらう方がよいので、あえて押しつけがましく 「こうするとアクセシビリティ対策になります」とするのもうざいのはたしか。 どちらかというとその手のボタンで見やすさを提供するサイトの意図は 「うちはこんだけ理解してやってますよ」という姿勢をアピールしているだけだと思います。

kanakonaka
質問者

お礼

>「うちはこんだけ理解してやってますよ」という姿勢をアピール 私もそう思っています。 他のサイトにボタンがあってもなんとも思わなかったのですが、 いざ自分でつけるかつけないかで迷ったときに、 このボタンにアピールの意味しかないのかと思うと格好悪く思えてきて、 ちゃんと使ってもらえてるのか気になり質問させて頂きました。 ありがとうございました。

関連するQ&A

  • サイトの文字サイズの変更ができるボタンを作りたい

    HP制作初心者です。 ビルダー10で製作途中ですが、閲覧する人に配慮して、文字サイズを変更できるようにしたサイトを作りたいのです。 これは、IEツールバーの表示ー文字サイズや、Ctrl押しながらマウスのスクロールボタンで文字サイズを変えられることを知らない人を前提としており、視力の悪い方や高齢の方でも見やすくできるサイト作りを心がけている為です。 そこで、画面上でボタンをクリックして文字サイズを変更する方法をご教授ください。具体的には、下記のようなサイトにあるボタンを作りたいのです。 http://o-genki.net/ 作り方を説明しているサイトや書籍、手順方法等を教えてください。よろしくお願い致します。

  • CSS 文字サイズ変更

    ホームページでよく見かける 文字サイズの「大」「中」「小」ボタンをクリックすると 閲覧中のページのフォントサイズが変わるという物を作成しています。 (※ブラウザの設定ではありません。) スタイルシートを切り替える方法で実現できました。 小:12px ← デフォルトに設定 中:14px 大:16px 「大」「中」「小」ボタンをクリックした段階でフォントサイズも変わりますが、 現在選択されているサイズがわかるように、 ボタンも反転して色を変えています。 ここまではうまく行っているのですが、 別のページに移動した時に先程選択したフォントサイズ+ボタンの反転が引き継がれず、 デフォルトの12pxに戻ってしまいます。 引き継がれるようにしたいのですがどのようにすればよいのか 色々試行錯誤してはみたものの解決しません。 参考になるような解説サイトがありましたら教えていただけませんか?

  • Chrome ブラウザの配色

    googleブラウザChromeを使っている方で配色の変更方法がわかるかたいらっしゃいませんか? FirefoxやIEなどでは、そのサイトの色を無視して配色をすることができます。(例えば目に優しいようにどんなサイトでも黒地に白文字でリンクは水色など) Chromeではそのようなことはできませんでしょうか? アドオンなどで実現できるのであればそれでも良いのですが・・・ 宜しくお願いします。

  • 文字サイズ変更ボタンについて教えてください。

    文字サイズ変更ボタンについて教えてください。 大きな表をひとつ作成してその中をメニューボタンやコラムの場所用に分割配置したページを作成しました。ネット上に出ているjqueryをアレンジして、文字サイズボタン作成して動かしてみるのですが、表の中にある文字サイズが変更されません。 表を使用せずにネット上に出ているjsファイルを使用してテストページを作成するとうまく文字サイズが変わってくれるのですが・・・・? 表の中の文字を文字変更ボタンで拡大縮小するのは無理なのでしょうか? どなたか教えてください。

    • ベストアンサー
    • HTML
  • ボタンの文字色を変更したい

    Visual Basicで、 ボタンの上にある文字の色を変更することはできますか。 ボタンそのものの色はBackColorプロパティーで設定できますが、文字色の設定がわかりません。良い方法はないでしょうか

  • 文字のサイズを変更したい

    おはようございます。 タイトルの通りなのですが JavaScriptでブラウザの文字のサイズの設定を 変更させたい(通常では[表示]→[文字のサイズ]から変更) のですが技術的に可能なのでしょうか? 宜しくお願いします。

  • ホームページの文字サイズ変更

    お世話になっております。 ホームページ作成を行っています。 よく企業のサイトなどで、文字のサイズを小、中、大と変更できるものがありますよね? ブラウザの表示で変更するのではなく、サイト内に「文字サイズ」みたいなボタンがあって、小・中・大とクリックするとサイズが変わる機能です。 あれを作りたいのですが、何を使えばいいのか教えていただけないでしょうか? 使用ソフトはDreamweaver8、OSはWindows XPです。 サイト制作は初心者です。本など読んでいるのですが分からず、皆様のお知恵をお借りできれば大変助かります。 どうぞよろしくお願い致します。

  • アクティブ画像があるフォントサイズ変更ボタン

    こんにちは。 javascriptで、フォントサイズを変更出来るようにしたいです。 「大」「中」「小」という3種類のボタンがあり、デフォルト状態を「中」に設定する予定です。 で、文字サイズを変更したいユーザーが「大」なり「小」なりのボタンをクリックすると文字サイズが変更できるようにしたいのですが、 そのときにそれぞれの文字サイズ変更ボタンのマウスオーバー時とアクティブ時(もし文字サイズの「大」を選んだのならば「大」のアクティブ画像)に画像を変えたいのです。 いろいろ探してはいるのですが、なかなか難しく困っています。。 どなたか方法や参考サイトなどをお教え頂けませんでしょうか。 どうぞよろしくお願い致します。

  • Javascriptを用いて文字サイズを変更可能にするには

    ブラウザの『文字のサイズ』からではなく、Javascriptを用いてフォントサイズを変更させたいのですが、うまくいきません。 HTML紹介サイトにて、類似のものを見付けたのですが、こちらはボタンを使っています。文字リンク(<a href="javascript:fontsize1()">文字を大きく</a>のように)でフォントサイズを変えることは出来ないのでしょうか。 http://l-c.moo.jp/mozi40.htm ご存知の方がおられましたら、どうかご回答下さい。

  • ボタン内の文字サイズ変更

    いつもお世話になっています。 Windowsのアプリケーションを作っていますがCreateWindow()で作った通常ウインドウ上に配置されたボタンの中に書かれた文字のサイズを変更する方法が分かりません。 ご存知の方がいらっしゃいましたらなにとぞご教授下さい。 宜しくお願いします。

専門家に質問してみよう