目の不自由な方に対応したサイトにしたいのですが

質問

現在の会社のサイトを
目の不自由な方も楽しんでいただけるような、音声読み上げができるようなサイトに改造したいのですが、
何からはじめたらいいのかわからず困っています。
そういった本が出ていないのかアマゾンでも検索してみましたが
私の調べ方が悪いのか、ひっかかりません。
一般検索サイトでも同じく・・・
実際に作っていらっしゃる方や、
参考になるようなサイトや、本などご存知の方
いらっしゃいましたら教えてください。
よろしくお願いします。

回答No.4

n_kaname · ベストアンサー

全盲なら読み上げ型のブラウザを利用している方が多いと思います。
基本的にサイトの作り方は一緒ですが、タグがおかしいところがあると読み上げが上手くいかなかったりします。
また画像にはかならず代替テキストを入れます。
作成してみて、読み上げのブラウザで確認すると良いでしょう。

また弱視の方の見やすいサイトというのは、色がハッキリしているものですが、判断するには普段観ている位置よりさらに１メートル以上離れてみると良いそうです。

参考URL：

http://www.din.or.jp/~hiro-/barrierfree/index.html

お礼

URLたいへん参考になりました。
まずは読み上げブラウザを手に入れる事が先かもしれませんね。
ありがとうございました。

回答No.5

UKY

多くの方に楽しんでもらえるWebページを書くには、まず HTML の正しい書き方を(文法も含めて)マスターすることをお勧めします。

例えば、文字を太字にしようとして<B>を使ったり、斜体にしようとして<I>を使ったりしていませんか? <B>や<I>などは使うべきでないとされています。なぜなら、これらは文書の「見た目」を変化させるだけで、「見る」ことのできない利用者にとっては意味を成さないからです。

代わりに、文書の論理的構造を明確にすることが重要とされています。例えば、<H1>で見出しを示したり、<P>で段落を分けたり、<EM>で強調部分を表したりします。このようにすることで、利用者の環境に応じてブラウザが柔軟な対応をとることができるようになります。例えば、強調部分は、「見る」ブラウザなら太字で、「聞く」ブラウザなら大きな音量で、という感じです。

「ホームページ入門」などと称して HTML の書き方等を解説するサイトは多く存在しますが、実際には、それらのほとんどは間違った HTML を教えています。これらの誤った書き方では、「見る」ことしかできない Web ページになってしまいます。

参考:
http://members.jcom.home.ne.jp/pctips/Tondemo/

もし、質問者さんがこういった誤った HTML の知識しかない、あるいはそもそも HTML について詳しくないというのであれば、一度正しい HTML を身に着けることをお勧めします。正しい HTML を書けば、おのずから「見る」だけじゃない Web ページが出来上がります。

正しい解説サイトの例:
http://members.jcom.home.ne.jp/jintrick/Personal/
http://www.ne.jp/asahi/minazuki/bakera/html/hatomaru

正しい HTML の書き方を身につけたら、あるいは、すでに正しい書き方を知っているのいうのであれば、すでにサイトは多くの方にとって利用しやすくなっていると思われます。でも、もっと利用しやすいサイトを作るための工夫も可能です。工夫の仕方については、このサイトがお勧めです。
http://www.mars.dti.ne.jp/~fuming/index.html

お礼

たくさん紹介していただき、ありがとうございました。
まだ、ざっとしか見ていませんが、
最初の参考URLはとくに納得できました。
ただ、キャラなんでしょうがわざと文語調で書いてあるのが勿体無い・・・読みにくい・・・と気になってしまいましたが・・・
ここで言っても仕方ないし余計なお世話ですね。汗

回答No.3

imogasi

私はこの質問にハッとしただけのもので、解答（具体的内容）は答える力はありません。
しかし各地（県・市）に「XX県盲人協会」（名前が気になりますが現状この名前が残っているようです）とか、「XX視力障害者福祉協会」とかがあるようなので、そこで上部団体などを聞き、本質問を答えていただくに適当なところを探されてはいかがでしょうか。２，３度の電話でゴールに行き着く（多分東京所在団体か？その結果、あるいは現在では、IT方面に関心がなく、答えが得られない場合もあるかも知れませんが）
http://www.city.yanagawa.fukuoka.jp/fukusijimusyo/FILE020.htm
http://www.ntt-west.co.jp/hiroshima/release/1999/rele15.html
ほか「盲人協会」でWEB照会してみた結果です。

お礼

そういった探し方もありますよね。
検索してみると地元も協会や学校のサイトがあるようですので、これから調べてみます。
参考になりました。ありがとうございました。

回答No.2

kuro_chan

chiroru2004さん、こんにちは。
私が定期で製作依頼されてるサイト（ここでは名前を伏せますが）はそういう方にも見ていただけるようにと、製作ガイドラインが存在しております。

それによると、別に特別なことはしていません。
１．画像にはすべてaltに文字を入れる
２．空白画像にも「　」空白を入れておく
３．綺麗なレイアウトの為だけの入れ子構造は多用しない。する場合は、summary属性で名前を指定する。
４．用語の統一
５．w3c準拠
６．単語の間の<br>や　（空白）は読み上げの妨げとなるので使用しない。

まあ、とくべつことはせず、な単純できちんとしたhtmlが書ければ、いいということみたいです。読み上げソフトが困らないようなつくりにすれば良いみたいです。

とはいえ、私が目が見えないわけではないので、確かめたわけではありません。

お礼

ガイドライン、私も読んでみたいものです。
会社の業務特性上、デザインにこだわらないわけにはいかないので、
それを全てのユーザーの使いやすさとどうリンクさせるかが難しいですよね。
参考になりました。ありがとうございました。

回答No.1

shy00

なぜに「目の不自由な方」にのみなんでしょうか？
他にも気を配ったサイト作り目指してください

さて、ご質問の件「アクセシビリティー」で検索してみてください
たくさんHITします

http://www.udit.jp/web/guide.html
http://pcweb.mycom.co.jp/news/2004/02/18/008.htmlなども参考になさってください

参考URL：

http://www.udit.jp/web/guide.html

お礼

早速ありがとうございます。
「アクセシビリティー」という言葉ははじめて聞きました。
色んな事を一度にやるのは難しいと思ったので、まずは目の不自由な方からと思ったのです。
参考URLこれからじっくり読ませていただきます。
ありがとうございました。