## アクセシビリティ

トップ > HTMLリファレンス > HTML概要 > アクセシビリティ

#### ■ アクセシビリティ

テキストブラウザへの配慮や、音声ブラウザへの配慮などを行うことがアクセシビリティの基本です。

単に HTML4.01 の仕様に従っていればアクセシビリティが向上する訳ではありません。逆に、<font> や <b> などの見栄えタグを使用していても、十分なアクセシビリティを提供することもできます。ここではそのテクニックについていくつか説明します。

#### ■ 画像を表示しないモードを考慮すること

画像が無くても充分意味が伝わるように心がけましょう。画像を表示しないモードのブラウザやテキストブラウザは、画像の代わりに alt属性の内容を表示します。音声ブラウザでも alt属性の内容を読みます。周りのテキストとのバランスを充分考慮して、画像に適切な alt属性を指定しましょう。

    × <img src="xx.gif">
    ○ <img src="xx.gif" alt="○○さんの似顔絵">

ちなみに、HTML4.01では、すべての画像にALT属性をつけることが要求されています。

alt属性を指定しない画像の場合、Lynx などのテキストブラウザでは、画像の場所に [INLINE] と表示したりするので、意味の無い画像には、alt=" " のように、1文字のスペース文字を指定してやるとよいそうです。

    ○ <img src="xx.gif" alt=" ">

#### ■ 見栄え情報が無くても意味が伝わること

白黒端末や、太字を表示できないブラウザでも、正確に意味が伝わるように心がけましょう。例えば、「下記の赤い文字（太字）の部分が・・・」のような書き方をすると、音声ブラウザでは伝わりません。

    × 下記の太字の部分が省略時の値です。
    ○ 省略時の値は○○になります。

#### ■ 単語の途中で改行しない

多くの音声ブラウザは改行（<br> による改行や、HTMLソース中の改行）された位置で文章を区切って発音するため、文章や単語の途中で改行するのは好ましくありません。どうしても改行が必要であれば、文節の区切りで改行するようにしましょう。

    ○ 文節の区切りで
    改行しましょう。
    × 文節の区切りで改
    行しましょう。

また、同様に、単語の途中に空白文字を入れるのも好ましくありません。下記の例では「たび　こう　しゃ」と読まれてしまうことがあります。

    ○ 旅行者
    × 旅　行　者

#### ■ テーブルによるレイアウト

テーブルによるレイアウトを行うことは望ましくないと言われていますが、現状はそうも言っていられないので、どうしてもレイアウトに使用する場合は、テーブル情報を無視しても、つまり、テーブルの中身を左上から順番に読み上げていっても、十分に意味が伝わるように心がけましょう。

一時的に <table> を <xtable> など無効なタグ名に書き換えて、ブラウザで表示チェックを行ってみるのも手かもしれません。

#### ■ JavaScriptなどへの依存

JavaScript をサポートしていないとページを渡り歩けないサイトは注意が必要です。JavaScript をサポートしていなくても正常に渡り歩けるようにするか、代替手段を提供しましょう。

#### ■ 顔文字など

`(^_^)` などの顔文字は「カッコ ハット アンダーバー ハット カッコ」などと読まれたりします。（記号を全体的に読み飛ばすものも多いそうですが）

#### ■ 「わ〜い」と「わーい」

あと、細かなことですが、「わ〜い」と書くと、「わ から い」と読む音声ブラウザが多いそうです。「わーい」と書くと「わーい」と読んでくれます。

#### ■ テキストブラウザや音声ブラウザ

実際に、テキストブラウザや、音声ブラウザで、自分のページがどのように表現されるのかをチェックしたい方は、下記のページなどを参照してください。

Lynx（テキストブラウザ）
  有名なテキストブラウザ。元々は UNIX 上で開発されましたが、Windows にも移植されています。Lynxでの表示チェックは割と簡単にできますし、自分のページがどのくらい特定のブラウザ（Internet Explorer や Netscape Navigator）に依存しているかをチェックするにはお手ごろなツールと思いますので、是非お試しください。
  http://www.isoternet.org/~asada/
IBMホームページリーダー（音声ブラウザ）
  IBMは「バリアフリーの扉」というページをもっていて、アクセシビリティ向上のために、いろいろな活動を行っているようです。同社が開発、販売する「ホームページリーダー」は利用者も多いようです。
  http://www.jp.ibm.com/accessibility/soft/index.html
Voice Explorer（音声ブラウザ）
  大阪府立盲学校 情報処理化の横田氏が開発・配布されているフリーソフトの音声ブラウザ。VE98とVE2000のバージョンがあります。別途、IBM の ProTALKER97 などの読み上げソフトが必要です。
  http://www.osakapref-sb.ed.jp/vips/default.asp
  http://ftp.ibm.co.jp/voiceland/pt20/index.html

Copyright (C) 2000 とほほ
初版：2000年10月9日初版 最終更新：2000年10月14日
http://www.tohoho-web.com/html/memo/quest.htm