- ベストアンサー
ホームページにフォントを変更するボタンをつけたいのですが
ホームページを作成しているのですが、視覚障害者用にフォントを変更するボタン「小」「標準に戻す」「大」及び「白黒反転(画面表示)」を付けたいです。 どなたか、ボタン作成方法とプログラムを教えていただけないでしょうか。 どうぞよろしくお願いします。
- ddtqp
- お礼率68% (139/203)
- その他(プログラミング・開発)
- 回答数4
- ありがとう数0
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
CSSとDHTMLの応用で可能と思われます。 以下にごく簡単な原理だけのサンプルを作ってみました。 フォームボタンを押すと、JavaScriptでbodyの文字サイズを2ptずつ大きくしてゆきます。 (IE6とOpera8で動作確認) このままだとテーブル内の文字には反映されませんし、フレームを使用している場合などは工夫が必要です。 反転なども同じ要領で可能なはずです。 ------------------------- <html> <head></head> <body bgcolor="#FFFFFF" text="#000000" style="font-size:12pt;"> <form action="javascript:change();"> <input type="submit" value="文字変更"> </form> <p>テストサンプル文字 <script type="text/javascript"> <!-- function change(){ s = document.body.style.fontSize.replace("pt",""); s = String(Number(s) + 2) + "pt"; document.body.style.fontSize = s; } //--> </script> </body> </html>
その他の回答 (3)
- notnot
- ベストアンサー率47% (4848/10262)
なるほど。文字拡大の機能がブラウザにあることが意外と知られていないと言うことですね。 「小さい字が読みにくい方へ」というリンクを設けて、そこをクリックするとIEでの文字拡大の方法を大きな字と絵で解説が出るのがみんなにとって幸せだと思います。
補足
その案いいですね! ありがとうございます。
- fujillin
- ベストアンサー率61% (1594/2576)
#1です。おせっかいながら・・・ IE6の場合は[ユーザー補助]の機能で、「Web指定の色やフォント、フォントサイズを使用しない」というオプションをそれぞれ選ぶことが可能です。 また、フォントサイズの指定をキャンセルした場合には、ブラウザ側でのフォントサイズの変更も機能するようです。
補足
ありがとうございます!
- notnot
- ベストアンサー率47% (4848/10262)
まず、ページにフォントサイズ変更ボタンを付けるのは無意味です。 小さい字が見にくい人は、ブラウザの機能で標準のフォントサイズを大きくしているはずです。 同じ意味で、IE(少なくともIE6)だと、フォントサイズを10pt、20px等と絶対数字で指定するとブラウザで文字サイズを変更できないので、そういう指定は絶対してはいけません。 白黒反転にしても、一般のサイトが見にくいという人なら、インターネットオプションのユーザー補助でユーザースタイルシートを設定しているはずです。 もしあなたのサイトが、世の中一般のサイトと大きく違う特殊な作りで、上記の障害者の工夫が役に立たない仕組みなら、独自にボタンを付ける意味はありますが、そもそもそういう作りを止めて、上記の工夫でみやすくなるようにすべきでしょう。 こういうボタンは日本独特らしいですが、おそらく、どこかのホームページ作成業者が値段をつり上げる手段として使った物が、企業等が「障害者に配慮してますよ」というポーズを出すのに都合がいいと言う理由で広まったんだと思います。 実質的な意味はないので、個人のホームページが真似をする理由は全くありません。
補足
回答ありがとうございます。 以下、北海道から沖縄まで、視覚障害者手帳を持っている人たち173人からのアンケート結果です。 ■ユーザー補助を利用している人(画面のDPI設定変更、マウスポインタの拡大、色変更など):24人 ■画面拡大、色の変更などは利用していない人:107 白黒反転必要: 36 拡大フォント必要: 25 弱視で音声読み上げソフトを使用して、見たいときはHP上のボタンで見るといった方が結構おられるかと思います。 御協力おねがいします。
関連するQ&A
- アクティブ画像があるフォントサイズ変更ボタン
こんにちは。 javascriptで、フォントサイズを変更出来るようにしたいです。 「大」「中」「小」という3種類のボタンがあり、デフォルト状態を「中」に設定する予定です。 で、文字サイズを変更したいユーザーが「大」なり「小」なりのボタンをクリックすると文字サイズが変更できるようにしたいのですが、 そのときにそれぞれの文字サイズ変更ボタンのマウスオーバー時とアクティブ時(もし文字サイズの「大」を選んだのならば「大」のアクティブ画像)に画像を変えたいのです。 いろいろ探してはいるのですが、なかなか難しく困っています。。 どなたか方法や参考サイトなどをお教え頂けませんでしょうか。 どうぞよろしくお願い致します。
- ベストアンサー
- JavaScript
- フォントを全て変更したい
XPのフォントを全て変更したいのですが、 画面のプロパティ→デザイン→詳細設定 で全てフォントを変更しても、スタートボタンからすべてのプログラムを開くとプログラムの一覧がウィンドウズ標準のフォントのままです。 どのようにしたら、プログラムの一覧のフォントを変更できるのでしょうか?
- ベストアンサー
- Windows XP
- CSS 文字サイズ変更
ホームページでよく見かける 文字サイズの「大」「中」「小」ボタンをクリックすると 閲覧中のページのフォントサイズが変わるという物を作成しています。 (※ブラウザの設定ではありません。) スタイルシートを切り替える方法で実現できました。 小:12px ← デフォルトに設定 中:14px 大:16px 「大」「中」「小」ボタンをクリックした段階でフォントサイズも変わりますが、 現在選択されているサイズがわかるように、 ボタンも反転して色を変えています。 ここまではうまく行っているのですが、 別のページに移動した時に先程選択したフォントサイズ+ボタンの反転が引き継がれず、 デフォルトの12pxに戻ってしまいます。 引き継がれるようにしたいのですがどのようにすればよいのか 色々試行錯誤してはみたものの解決しません。 参考になるような解説サイトがありましたら教えていただけませんか?
- 締切済み
- ホームページ作成ソフト
- ホームページについて:Frontpageのフォントについて教えて下さい。
初心者です。Frontpageでホームページを作成しました。 「標準」でワードのように文章を打って、 フォントを色々替えてみたのですが、 プレビューで見ると標準フォントになってしまいます。 NestFTPで転送しても実際のホームページも標準フォントのままです。 どうすれば色々なフォントで表示することが出来るでしょうか? よろしくお願いします。
- ベストアンサー
- HTML
- ホームページの文字の大きさを変更
こんにちは ホームページを作成しているのですが、最近ページ上で文字の大きさを「大」「中」「小」とボタンを押すだけで変化するページを良く見ます。 あれはどのようにすればなりますか?当方のページにもそれをやってみたいと考えているのですが。 ちなみにCS2を使用しています。 よろしくお願いいたします。
- 締切済み
- ホームページ作成ソフト
- ホームページビルダーV6のフォントの大きさの変更が・・・
ホームページビルダーV6を使ってホームページを作成しています。 フォントを”vord”で使っている「8」位の小さい文字にしたいのですが、 ”11”位の大きさにしかならず、文字の大きさに余り変化がつけられません。 オプションの「フォント」項目の「フォントサイズ」で”8”に設定すると 作成画面では小さい文字で表示されます、が プレビューでは"11”か"12”の大きさに戻っています。 web上で見てもパッとしません。 どうすれば文字が小さくなりますか? 大きくするには問題ありません。 よろしくお願いします。
- ベストアンサー
- その他(ソフトウェア)
- ホームページで使われるフォントについて
既に質問が出ているかも知れませんが、ホームページの中に特殊なフォントで文字が指定されていた場合、閲覧するパソコンにそのフォントがインストールされていない場合は標準的なフォントで表示されるのでしょうか。 実は、ホームページをMacで表示すると、ホームページの文字が非常に美しく、聞いてみると、Windowsではメイリオというフォントできれいに表示されると聞きました。 このフォントでホームページを書いてみたいのですが、Windows機でもきれいに見えますか。
- ベストアンサー
- ホームページ作成ソフト
- ホームページの文字サイズ変更
お世話になっております。 ホームページ作成を行っています。 よく企業のサイトなどで、文字のサイズを小、中、大と変更できるものがありますよね? ブラウザの表示で変更するのではなく、サイト内に「文字サイズ」みたいなボタンがあって、小・中・大とクリックするとサイズが変わる機能です。 あれを作りたいのですが、何を使えばいいのか教えていただけないでしょうか? 使用ソフトはDreamweaver8、OSはWindows XPです。 サイト制作は初心者です。本など読んでいるのですが分からず、皆様のお知恵をお借りできれば大変助かります。 どうぞよろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- Outlook のフォント変更
Windows 7 Outolook 2016 を 使用しています。 フォントを変更したのですが、メール作成画面にはフォントの種類 ポイントが表示されなく、本文入力スペースをクリックすると表示はされるのですが、これはフォントを変更したときになるものでしょうか
- ベストアンサー
- Outlook
- フォントサイズの変更について
Windows XPのSP2を利用しているのですが画面のプロパティにおいてフォントサイズの変更を しようとした所、デザインのプルダウンメニューに標準、大きいフォント、特大フォントしか表示されず 小さいフォントを選ぶ事が出来ません。 こういった場合はどうすればXPスタイルのまま小さいフォントに変更できるのでしょうか。 ご存知の方がいらっしゃいましたら教えていただけないでしょうか? 宜しくお願いいたします。
- 締切済み
- Windows XP
補足
ありがとうございます。 試してみます。