当サイトは W3Cの検証をクリア しており、様々な環境に対応できるようになっています。
![]()
一番上にある、緑色の5つのボタンのうち、どれかをワンクリックする(マウスで一回だけ押す)と、その項目の目次につながります。
目次の中で好きなもの選んで、ワンクリックすると、内容を見ることができます。
今、どこにいるのかわからないときは、ページの一番下の サイトマップ(当サイトの全体地図) をワンクリックしてください。 どの文章をさきほどまで読んでいたのか、また知りたい情報がどこにあるのか見つけることができます。
本文は読みやすい文字数に設定しています。キーボードの矢印キーで、上下に画面を動かしながら、読み進むことができます。
文字が小さくて読みずらい場合は、ブラウザ(インターネットをするためのソフト)の設定を変えることで大きくすることができます。 詳しくは、文字を大きくするにはをごらんください。
印刷用のデザインは、印刷用紙の幅いっぱいに、文字情報のみが印刷されるようになっています。
印刷プレビューを拡大して、キーボードの矢印キーで上下に動かしながら見るか、実際に印刷した紙を見れば、より少ない動きですみ、疲れが軽減できるかもしれません。
メールフォーム の記入や送信は、キーボードのTABキーで選択できるようにしています。
IBM ホームページリーダーなどの音声ブラウザに対応しています。音声ブラウザ用の機能は次の通りです。
違うページに進むたびに、繰り返し同じメニューが読み上げられるのはイライラします。 そこでナビゲーションをスキップして、本文にすぐに移動できる機能を組み込んでいます。
当サイトは、情報を5つの項目と補足情報(5つの大きな巻物と、1つの小さな巻物)にわけています。そして、各項目のトップページは目次となっています。 つまり、ナビゲーションの五つの項目のうち、一つを選択すると、その項目の目次があらわれます。
目次に従って、好きな情報を選択することができるので、音声だけでも、各項目にどれだけの情報があるのかを理解することができます。
さらに、全てのページに サイトマップ(当サイトの全体地図) へ行くリンクを張っています。どこにいるのかわからなくなったときに、「サイトマップ」を選択すれば、全体像がわかります。
ページの最初と最後には、現在位置を知らせる「パンくずリスト」を付けています。
音声ブラウザでは、たとえば次のように読み込まれます。
現在位置:ホーム の中の インフォメーション の中の
当サイトの使い方 です。
次のページは 文字を大きくするには です。
これにより、今、サイト全体のどの位置にいるのか、はっきりと理解できるようになっています。
音声ブラウザで聞こえる順番は、次の通りです。
本文が終わると「本文はここまで。ここから先は関連ページの紹介です」と案内があり、サブのナビゲーションに移行するのがわかります
サブのナビゲーションには、二つの情報が示されています。
サブ・ナビゲーションに目次を置いている理由は、操作が簡単だからです。
本文が終わったら、ナビゲーションに戻り、そこからもう一度項目を選択して、目次を全部聞いて、それから次に聞きたい項目を選ぶ、というのはかなり面倒です。
ですから、本文が終わった後、そのままサブ・ナビゲーションを聞けば、面倒な作業をしなくてすみます。
サブのナビゲーションが終わると「このページの内容はここまで」と案内があります。
また途中まで本文を聞いたものの、あまり必要のない情報であったことが分かった場合、△このページの先頭に戻る を選択すれば、ページの最初のナビゲーションに戻ります。
このような機能を上手に活用すれば、飛ばし聞きや、流し聞きができ、興味のあるところだけじっくり聞くことができるでしょう。
当サイトでは、三種類のリンク先を、認識することができます。
三種類のリンク先とは、次の通りです。
これらの三種類を聞き分けるために、次のような補足情報をつけています。
一つ目の、当サイトとは全く別のサイトに移動するときは、リンクを張っている言葉の後に「別サイトへ移動します」という案内があります。
二つ目の、同じページの中の、後の方の文章に移動するときは、リンクを張っている言葉の後に(ページ内リンク)という案内があります。
三つ目の、当サイトの中にある別のページに移動するときは、リンクを張っている言葉の後には何も案内がありません。
写真や図で示しているものは、それをイメージできる文字情報をつけています。 込み入った図表の場合は、別ページで詳細な文字情報を示しています。
テキストブラウザに対応しています。
色覚異常(第一色盲・第二色盲・第三色盲)の方の中には、テキストブラウザを用い、文字と背景画像の明度差をはっきりつけて閲覧している場合があります。
当サイトでは、文字情報だけを取り込み、これらの作業がスムーズにできるようになっています。
画像や写真などは、マウスをあてると画像の内容が文字で浮かんできます。(Safari 3.1ではこの機能は使えないようです。ご了承ください)
印刷用のデザインは、文字の色調を黒と青に限定しており、さらに文字を大きめに設定しています。 印刷プレビューを拡大して、スクロールしながら見るか、実際に印刷した紙を見れば、視神経を酷使せず、より見やすいかもしれません。
弱視の方の中には、テキストブラウザを用い、文字を拡大し、さらに文字と背景画像の明度差をはっきりつけて閲覧している場合があります。
当サイトでは、文字情報だけを取り込み、これらの作業がスムーズにできるようになっています。
画像や写真などは、マウスをあてると画像の内容が文字で浮かんできます。(Safari 3.1ではこの機能は使えないようです。ご了承ください)
印刷用のデザインは、色調を黒と青に限定しており、さらに文字を大きめに設定しています。 印刷プレビューを拡大して、スクロールしながら見るか、実際に印刷した紙を見れば、視神経を酷使せず、より見やすいかもしれません。
モダンブラウザ(Windows版IE 5.5以降、Mac OS版IE 5以降、Opera 6以降、Mozilla 1.0以降、Safari 1.0以降)は、視覚的デザインにより、直観的に情報を得ることができます。
当サイトは、Webデザイン情報をCSS(カスケーディング・スタイルシート)、文字情報をHTML(テキスト形式)の二種類にわけ、相互を連携させていますので、各ページのファイルサイズが小さくなり、読み込みが速くなっています。
また、文字情報を主体としていますので、ページの読み込みが速くなっています。
古いブラウザ(モダンブラウザ以前、Netscape4 など)は、視覚的デザインはやや崩れますが、全ての情報を得ることができます。
PlashPaper が読み込めない場合に備え、PDFファイルを用意しています。
テキストブラウザのLynxに対応しています。
当サイトは、情報を5つの項目と補足情報(5つの大きな巻物と、1つの小さな巻物)にわけ、それぞれの項目のトップページは目次となっています。 つまり、ナビゲーションの五つの項目のうち、一つを選択すると、その項目の目次があらわれます。
目次に従って、好きな情報を選択することができるので、文字情報だけでも、各項目にどれだけの情報があるのかを理解することができます。
画像や写真などは、画像の内容を文字情報として付け加えています。
当サイトは W3Cの検証をクリア する際、文法上の間違いを正しています。
ページ内の見出しのレベルも統一されており、コンテンツの構造がわかりやすくなっています。
ですから、文字情報だけでも、混乱しないで必要な情報を得ることができます。
当サイトのwebアクセシビリティーを構築するにあたって、
webアクセシビリティーポータルサイト インフォアクシア
様のサイトを参考にさせていただきました。
参考・実践させていただいた手法は下記の通りです。
この場を借りて御礼を申し上げます。
もし、不具合や使いにくさなどがございましたら お問い合わせのページ からご連絡ください。