HOME＞ ウェブアクセシビリティとは ＞ ここでは、WAIのWCAG1.0に示されたウェブアクセシビリティの３つのレベル（A，AA（ダブルA），AAA（トリプルＡ））に適合したウェブページのサンプルをご覧いただけます。同じテーマ、同じ内容のウェブページを、「アクセシビリティが確保されていない」から「トリプルAレベルのアクセシビリティが確保されている」まで、４種類用意しました。（ウェブヘルパーでは、この３つのレベル以外に、Aレベルより優先度の高いBレベルを独自に用意しています。）「ウェブページのアクセシビリティを高める」と言っても、具体的にどういうことなのか、イメージしにくいと思いますので、このサンプルを参考にしてください。 レベル０のサンプル レベルAのサンプル レベルAAのサンプル レベルAAAのサンプル レベル０：アクセシビリティが確保されていないサンプル このWEBサイトは、アクセシビリティに全く配慮していない「よくない例」です。一見、問題なさそうなこのWEBサイトには、多くの問題が隠れています。障害者や高齢者を含め、あらゆる立場の人が同じ内容の情報を得られるWEBサイトを作るには、こうした隠れた問題点を発見することが重要になるのです。みなさんは、このWEBサイトの問題点がわかりますか？ウェブヘルパーは、ＷＥＢページのアクセシビリティを点検し問題点を指摘してくれます。ウェブヘルパーの点検結果を参考にしながら、このサンプルサイトの問題点を探してみましょう。 レベルA：WCAG1.0の「優先度１」を確保したサンプル このＷＥＢサイトは、ウェブヘルパーの点検結果の「優先度１＋」と「優先度１」の問題を中心に修正しました。見た目にはあまり変化がありませんが、すべての画像に代わりのテキストを用意することなど、以下のような修正を行うことで、最低限のアクセシビリティは確保されました。なお、基本的なHTMLで表現が可能なところは、なるべく基本的なHTMLを利用しシンプルな表現にするように修正しました。 レベルAA：WCAG1.0の「優先度１および２」を確保したサンプル 最低限のアクセシビリティは、レベルＡで確保されましたが、より多くの人に正確に情報を伝えるために、目に見えないHTMLの記述方法についても、修正を行ったのがこのＷＥＢページです。 レベルAAA：WCAG1.0の「優先度１、２、３」を確保したサンプル このページは、レベルAAからなるべくレベルAAAになるよう、努力したものです。このサイトでは、フレームをやめ積極的にスタイルシートでレイアウトや装飾を行うようにしました。レイアウトのためのテーブルも一切ありません。すべてのレイアウトは、スタイルシートで記述してあります。 ｜HOME｜ウェブアクセシビリティとは ｜平成13年度実証実験 ｜平成14年度の取り組み ｜ウェブヘルパー｜ ｜アクセシブルサイトの紹介と申告｜文字が小さくて見にくい人へ ｜