リンク:  トップページ技術資料目次

ホームページを作る皆様へ

ぜひ音声ブラウザ(ホームページを読み上げるソフト)に対応したページを作ってください。と言っても、難しいことはありません。ちょっとしたことに気をつけていただければ、音声ブラウザを使っている人にも優しいページになります。

ASVのページが音声ブラウザに優しいか?と問われると、「そうだ!」と力強く答えたい、のですが、実際にはどうでしょうか?(変なところがありましたら、指摘してください。)

このページの作者は、ホームページの専門家ではありませんが、今までのASVの活動の中で、気がついたことを書きたいと思います。

単語の途中に空白を入れない

例えば、下のような表があったとします。

東 京 とうきょう
神奈川 かながわ
千 葉 ちば

これでは、『東 京』のところが、「ひがし きょう」と読み上げてしまい、京都の東の方かな?と思ってしまうかもしれませんね。

日付

1月4日を、『1/4』と書くと、「よんぶんのいち」と読み上げてしまうかもしれません。

見出し

見出しを文字の大きさを変える目的に使うのはやめましょう。

ホームページリーダー2.5では、見出しだけジャンプする機能があって、見出しだけを順番に移動することができます。

リンク文字列

音声ブラウザによりますが、通常のテキスト部分とリンク部分と区別がつくように読み上げます。

ホームページリーダーの場合、通常のテキスト部分を男性の声で、リンクを女性の声で読み上げます。(購入直後の設定の場合。)

VE2000の場合は、リンクの文字列を1項目として扱います。
例えば、
えば」
と、最初の1文字だけにリンクが設定されていた場合、「たとえば」と読み上げないといけないのに、
「れい」「えば」と読み上げてしまいます。

画像(特に画像にリンクを設定している場合)

alt属性を入れてください。

音声ブラウザが手元になくても、とりあえずブラウザで、「画像オフ」に設定してみて、自分のページがどう表示されるか?を確認してみてください。

イメージマップにもaltを入れてください。

スクリプト

音声ブラウザは、スクリプトに対応していないものが多いようです。(対応しているものの方が少ないかもしれません。)
例えば、以下のように、ボタンを押したりした時に、スクリプトでページを移動する場合、スクリプトに対応していない音声ブラウザでは、ボタンを選んでも何もおきないので、「なんだろー?」ってことになります。

(例が簡単すぎますが、サンプルってことで...よくあるのが、ドロップダウンリストで選択すると、スクリプトで違うページに飛ぶ、とか。)

ページのタイトル

音声ブラウザに限ったことではありませんが、ページのタイトル(titleタグ)はちゃんとわかりやすくつけた方が良いです。ブックマークやお気に入りを設定する時に、いちいち名前をつける必要が無いからです。

PDFファイル

PDFファイルはとても便利なのですが、音声で読み上げることができません。(私の知る範囲では...)

音声ブラウザ向けのテキストなどを用意してください。

使うブラウザを指定するな!

『このページは、ネットスケープ4以上でご覧ください』などと書いているページがあります。しかし、音声ブラウザでアクセスする人もあれば、携帯電話でアクセスする人もあれば、PDAの狭い画面でアクセスする人もあれば、テレビ画面でアクセスする人もいます。


作者の独断と偏見で作ってます。作者のメールアドレス:yokobora@hotmail.com


リンク:  トップページ技術資料目次