 |
 |
 |
 |
視覚障害者の方（音声ブラウザ）への配慮
以下に、おもに視覚障害者の方（音声ブラウザ：＊）に配慮したWeb技術の適用例をご紹介します。
「ホームページ制作ガイドライン」では、下記の他にも配慮すべき様々なWeb技術を明示し、使いやすいホームページ構築に努めています。
＊：音声ブラウザ
視覚に障害がある方は、ホームページを画面上で確認することができません。そのため、ホームページの内容を音声で読み上げる「音声ブラウザ」と呼ばれるソフトを使用しています。「音声ブラウザ」で読み上げられたときにも内容を正しく伝えるためには、ページ制作時にさまざまな配慮や工夫が必要になります。
 |
 |
音声ブラウザを利用している人は、画像（<img>）の内容を把握することが困難なため、alt属性で画像の内容を記述します。内容は、読み上げたときに本文との関係が理解できるように記述します。
 |
 |
動的なボタンは「○○する」というように能動体を用いて「動作を予想させる表現」にしています。 |
 |
|
 |
| 静的な閲覧ページへのリンク画像は「○○ページへ」というように移動を暗示する表現にします。 | |
見出しの画像は「以下は○○です」というように、内容の始まりを示す表現にします。 |
|
|
全てのページの頭に長いナビゲーションバーがあると、音声ブラウザはページを表示するたびに、ナビゲーションバーの内容を読み上げます。そのため、本文を読み上げるまでに時間がかかります。パルシステムは、ナビゲーションバーの手前に本文へのリンクを埋め込み、本文への速やかなアクセスを実現します。
 |
音声ブラウザ上で、ページ先頭に埋め込んだ本文リンク（A）を選択すると、本文先頭（B）へ速やかにアクセスできます。（音声ブラウザでのみ確認可能。） |
|
|
視覚に障害のある方や高齢者などは、新しいウィンドウが開いたことに気づかないか、または、その変化に戸惑う場合があります。パルシステムは、新しいウィンドウ表示はヘルプなど同時に参照したい情報に限定し、新しいウィンドウを開く旨をリンク元にテキストなどで明示します。
 |
新しいウィンドウを開く場合、リンク元に「新しいウィンドウが開きます」と明記します。 |
|
|
マウスの操作が困難な場合や、マウスポインタが見えづらい場合でも、キーボードがあれば操作が可能な場合があります。パルシステムはシンプルな構造でページを制作し、タブキー、矢印キー、エンターキーなどを使って操作ができるようにします。
