アクセサビリティとは

アクセサビリティ

アクセサビリティとは、Access のしやすさ。アクセスの容易さを意味します。

アクセサビリティといった場合、そのサイトの内容についても当然アクセサビリティの良し悪しがあるのではないかと思いますが、通常はサイトの構造的なアクセサビリティのことを指します。

ガイドラインを見ると、配慮すべき項目が数多くあり、「全部はできないので、取りあえず何から手を付けたら良いのか教えてほしい」と言う話を度々聞かれます。

ここでは、多くの項目の中から、対応しておく必要のあるものをピックアップして説明します。取りあえずこのガイドラインをクリアして、アクセシビリティに向かっての第一歩を踏み出してください。

貴方のＷｅｂサイトが少しでもアクセシブルになり、より多くの人が利用できるページになることを心から願っています。

TEXT情報以外の取り扱い

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

画像にはalt属性を付ける
リンクボタンになっている画像の全てにalt属性を使ってリンク先を明確にする
日本語のページでは外国語の乱用はせず、誰にでも解る様に配慮する
色によって伝えられる情報は、色がなくても情報が伝わるようにする
HEADに付ける<title>は内容が解るように適切なタイトルを付ける
レイアウトのテーブルは、情報が適切に音声ブラウザで読み上げられる

当然ですが、視覚障害者が使う音声ブラウザでは画像の内容は分かりません。alt属性を付けることで、画像の簡単な情報を得ることができます。あまり長くならない程度に説明を入れましょう。これは、テキストブラウザや、何かの原因で画像が表示されなかった場合、あるいは画像を非表示にしている人のためにも、alt属性を付けることで簡単な内容の情報を得ることができる事になります。

リンクになっている画像の場合、音声ブラウザではalt属性がある時はその文字を、無い時はそこに書かれているリンク先のＵＲＬアドレスを読み上げます。

また、サイト内のファイルにリンクされている場合もalt属性が付いていないと、ファイル名「a1.html」「01.html」「index.html」などと読まれてしまい、どこにリンクされているのか分かりにくいので、特にリンクをする画像には必ずalt属性を付けて、リンク先が解るようにして下さい。

ホームページを見る人が作成者と同じ知識を持っているとは限りません。できるだけ英語の表現は避け、誰にでも解るように注釈を付けるなど配慮が必要です。

例えば英語表記の場合、解らなければ、他の人に聞けるようにカタカナ等で振り仮名を付けるなど工夫をして、読み方が解るように心がけて下さい。音声ブラウザやモノクロブラウザでは、色の情報は伝わりません。

注意や強調、特別なもののために色を変える事で情報を提供する場合は、正しく情報が伝わるように配慮する必要があります。

TITOLの記述

「お気に入り」や「ブックマーク」に登録されるブラウザ左上のタイトルには、後でどこのページか解らない「WELCOME MY HOMEPAGE」等や、解りにくい英語は避ける必要があります。

画面表示された全体を把握できない音声ブラウザ使用者は、タイトル情報がページの内容を判断する最初の重要な情報となっているので、内容にあった適切なタイトルを付ける様にする必要があります。

特にフレームを使うと、画面上からはそれぞれのタイトルが見えず、見落としがちなので注意をする必要があります

音声読み上げや検索ロボットの認識順序

本来は作表のために使われる<table>（テーブルタグ）ですが、スタイルシートやブラウザが未対応ため、簡単にレイアウトができる事から、現状では容認せざるを得ないレイアウトのためのテーブルですが、音声ブラウザがテーブルを左上から右下に横に読まれることを理解していないと、情報が正しく伝わらない可能性があるので注意が必要です。