１．音声や画像で表示されるコンテンツは代替手段を提供すること
この項目は、「画像を表示できないブラウザや音声ブラウザなどで、必要な情報が入手できるようにするために適切な代替テキストを用意してください」ということです。
下記のポイントを参考にして、バリアのないホームページを作成してください。
ポイント１：画像で提供されている情報には、alt属性で適切な代替テキストを用意する
ポイント２：画像で提供されるリンクには、alt属性でリンク先が分かるような代替テキストを用意する
ポイント３：イメージマップのリンクにはalt属性でリンク先が分かるような代替テキストを用意する
ポイント４：マルチメディア関係のデータが使用できない場合のために、適切な代替テキストを用意する
ポイント５：各種アプレットやスクリプト、およびプラグインで必要なデータが使用できない場合のために、適切な代替テキストを用意する
補足：説明が不要な画像、例えば画像のすぐ横に説明文がある場合は、代替テキストを明示的に空白にすることにより、音声ブラウザで読み上げなくすることができます。代替テキストが何も設定されていない場合、音声ブラウザによっては、「画像」と読み上げたり、リンク先のアドレスを読み上げます。
例：<img src="bullet.gif" alt="">
２．色の情報だけに依存しないこと
情報だけで判断しなければならない場合、音声ブラウザなど色が判断できないブラウザでアクセスしているユーザーには、まったく情報が伝わりません。ポイント１：色によるナビゲーションをしない
たとえば、フォームなどの注意書きに「赤字の部分は必須項目です」とかかれていても、音声ブラウザでは、どの項目が赤字なのかまったく判断できません。
ポイント２：コントラストの低い文字と背景の組み合わせを使用しない
一般的なブラウザでも、背景色と文字色の組み合わせによっては、読みづらいことがあります。そういった組み合わせは、使用しないでください。
３．マークアップ及びスタイルシートは適切に使用すること
この項目は、「スタイルシートと適切なタグを使用して、さまざまなブラウザでアクセスしやすいページを作成してください」ということです。ページは、テキストと必要なタグで構成し、色やサイズなどはスタイルシートで対応することで、フォントサイズを固定しないようになり、ユーザーが文字サイズを大きくできるようになります。
また、スタイルシートを切り替えることで、ユーザーが使いやすい文字の大きさや背景色に変更できるようになります。
４．自然言語の使用について明確にすること
この項目は、「さまざまなブラウザで正しく文字が表示できるようにしてください」ということです。特に音声ブラウザでは、合成音声で読みあげる時に、熟語などの間に改行タグやスペースがあると、熟語として認識されないため、読み違えしやすくなります。
例：
○ 経済 → 「ケイザイ」と読みあげる
× 経 済 → 「ケイ スミ」と読みあげる
（※読みあげ例は、ホームページ・リーダーの場合）
５．適切に変換できるような表を作成すること
この項目は、「表をさまざまなブラウザで使えるようにしてください」ということです。デザインとして使用しているテーブルの場合、特に必要ないのですが、表として使用している場合、各項目に対して、見出しとセルを対応させる要素をあわせて提供してください。
また、音声ブラウザによっては、表を左上のセルから行を順番に読みあげるため、表中に結合したセルがあると、順序良く読みあげられない場合があるので、セルの結合は使用しないようにします。
６．新しい技術を様々な形式に適切に変換できるページを保証すること
この項目は、「さまざまなブラウザで、情報が取得できるように配慮してください」ということです。フレームやスクリプトなど、さまざまな技術を活用したページでも、その技術に対応していないブラウザで表示される場合のことを考えて、代替テキストや代替ページを準備するなどの対応策を考えるようにしてください。
７．時間の経過に伴って変化するコンテンツに対してユーザの制御を保証すること
この項目は、「自動的に表示の切り替わるコンテンツに対して、配慮してください」ということです。決まった時間で移動してしまうページを音声ブラウザなどで読み上げる場合、ページにある情報を読み上げ終わる前に移動してしまう可能性があります。必要な情報が確実に読み取れるように配慮してください。
また、ページの中で移動している文字や点滅している文字などは、その情報を読み取れないユーザーもいます。必要な情報のテキストは、移動したり、点滅させたりしないでください。
８．ユーザインタフェースのアクセシビリティを保証すること
この項目は、「さまざまなブラウザからアクセスできるようにしてください」ということです。たとえば、音声ブラウザでは、フレームを使用したページを読み上げる場合に、フレームに呼び出されるページのタイトルを読みあげます。つまり、各ページのタイトルには、ページの内容がわかるような情報を入力しなくては、必要な情報がどのフレームにあるか、判断できなくなってしまいます。
タイトルは、ページの内容が判断できるように作成してください。
９．特定の装置（デバイス）に依存しない設計であること
この項目は、「マウスなどの特定のデバイスが利用できない環境でも情報にアクセスできるようにしてください」ということです。たとえばマウスがなければナビゲーションが動作しないようなページでは、マウスを利用できないユーザーや音声ブラウザでは、そのページを利用することができません。代替コンテンツを用意するなどの配慮が必要になります。
１０．臨時の対応策を利用すること
この項目は、「臨時の対応策を利用できるようにしてください」ということです。アクセスできない情報がないか確認し、アクセスできない情報には、代替コンテンツを用意するなどの対応策を用意してください。
１１．インターネットの技術標準及び指針を使用すること
この項目は、「ルールに沿った標準的な構成でページを作成してください」ということです。インターネットの技術は、一般的なブラウザでは、動作に影響しないタグもありますが、テキストブラウザや音声ブラウザなどで必要になる場合があります。
HTMLのソースは、見た目だけではなく、構成を理解した上で作成してください。
１２．文脈やページの構成等の情報を提供すること
この項目は、「情報が入手しやすいように項目をまとめた目次などを提供してください」ということです。サイトのページ数が増えると、必要な情報がどこにあるかわかりづらくなります。全体が把握しやすくなるように、サイトマップなどを提供してください。
１３．ナビゲーションの仕組みを明確に提供すること
この項目は、「適切なナビゲーションを提供してください」ということです。複雑なサイトの構成では、必要な情報にたどり着けない場合があります。必要な情報にアクセスしやすくなるように、ナビゲーションを使用してください。
１４．ドキュメントは明確かつ簡潔であること
この項目は、「表示されるテキストは、理解しやすい文章で提供してください」ということです。略語や業界用語など、内容が判断できないテキストは、使用しないでください。
