ＨＰ上で文字サイズを変更できるようにするには・・・・。

質問

実は視覚障害者や弱視の方を対象とした
ホームページを作ろうと取り組んでいるのですが、
下記のサイトのようにJavaScript＋ＨＴＭＬ＋ＣＳＳで
文字サイズなどを変更できる機能を作りたいのです。
何か参考になるサンプル・書籍・ＨＰなどございましたら教えていただければ幸いです。
またこの場で教えてくれる方がいれば助かります。
http://www.ssct.co.jp/

回答No.4

noname#19175 · ベストアンサー

> 文字サイズなどを変更できる機能を作りたいのです。
それぞれのデザインに合わせたCSSファイルをそれぞれ作成しておき、
<link>のhrefやdisabledを切り替える、という方法でできます。
スクリプトは参考URLやANo.2のURLをご覧ください。

> http://www.ssct.co.jp/​
（こちらのページではその目的のために作られたわけではないと思いますが）
こんな色にしていれば、「文字、コントラスト設定」の文字が読めるとは思えませんし、読めないボタン（セレクトフィールド）を押したり変更できるとは思えません。
それをふまえて「誰にでも」使いやすいボタンを設置できる自信がおありなら、それでも良いと思いますが、、、

ブラウザの設定で文字サイズを変更できるようになっていますし、
独自のスタイルにすることも出来ますので、むしろそちらを推奨します。

色の設定については、Operaの「表示」メニュー -> 「スタイル」 -> 「ユーザーモード」
から、高コントラスト表示やアクセシビリティレイアウトなどが参考になると思います。
http://jp.opera.com/

また、こちらのColorDoctorが参考になると思います。
http://jp.fujitsu.com/about/design/ud/assistance/

参考URL：

http://critical.s6.xrea.com/web/cssselect.shtml

お礼

ぜひ試してみます。
丁寧なご回答いただきありがとうございます。

回答No.3

fire--

どうしてもhtml上でやる必要があるのでしょうか。
ブラウザはIEにしてもfirefoxにしても、通常使うものは
メニュー(の表示)やキー操作で文字サイズを変えられるように
なっています。
その説明をホームページに入れておけば、それを読んだ方は
あなたのホームページ以外でもサイズを変更できるようになります。

お礼

ご回答いただきありがとうございました。
確かにブラウザ上でも設定はできますが、
最初に説明文を書くスペースが無いため
タグ上に埋め込もうと思いました。

回答No.2

BLUEPIXY

http://okwave.jp/kotaeru.php3?qid=1428297
みたいな感じで
<link…> を使ったスタイルシートを、タグに指定したID を使って切り換えられると思います。

お礼

早速試してみます。
ご回答いただきありがとうございます。

回答No.1

noname#20941

以下のページで「文字拡大ツール」というのを配布されています。ブログツールということですが、以下のページのサイトトップでも使用されているので、普通のホームページでも機能するのではないかと思います。

参考URL：

http://www.50ism.com/blogsize/

お礼

ご回答ありがとうございます。
上記の文字拡大ツールは音声ブラウザが対応していないため使用できないと思います。