当サイトのデザインについて

アクセシビリティについて

WAI(Web Accessibility Initiative):ワイ

WWWに関する標準の策定を行っているW3C内に設けられた組織で、体の不自由な人も含めて誰もがWWWを利用できるようすることを目的としている。障害者に配慮したWebコンテンツの作成方法などに関する指針を公表している。

IT用語辞典[WAI]より引用[I]

HTML4.01準拠

HTML 4.01 Strict DTD(HTML4.01厳密形)[4](邦訳[5])に移行しました。従来のHTML(3以前)本来は文章の意味的な構成を示すタグを文章のデザインに使用したり、文章上では意味を持たない外観のためだけのタグが混在するなどの反省から、1999年12月24日付でW3Cより勧告されたHTML4.01は、原則として文章構造を示すタグだけで構成されています。そのため、ハンディキャップをもつ人々のアクセス性が向上しました。音声ブラウザ(読みあげソフト)や点字出力ブラウザでのアクセスが考慮されています。

また、あわせてデザインをスタイルシートに任せる事で、HTMLのソースが単純になり、すべての人に利用しやすくなりました。(各ページのHTMLソースをご覧ください。)

当サイトでは、障害者の利用を考慮し、すべての情報が障害者にも利用しやすいことを優先してデザインされています。それは、同時に誰にでも利用しやすいサイトである事を意味していると考えます。

スタイルシート対応

当サイトのデザインはスタイルシートを利用しています。そのデザインも背景や文字のコントラストや配色にも注意して製作されています。

また、代替スタイルシートを用意していますので、代替スタイルシート対応のブラウザで任意のデザインを選択できます。また、ユーザー側でスタイルシートを用意する事も可能になっています。

インターネットエキスプローラ(以下IE)は現時点(IE6以前)で、これらに対応していませんが、一部のページではIEでも代替スタイルシートが利用できるようにしてあります。ご利用ください。

また、印刷される可能性のあるページは印刷用スタイルシートが用意してありますから、そのまま黒文字で印刷できます。(画像を除く)

 

読みあげソフト対応

デザインのためにHTMLタグを使用していないため、読み上げソフトで利用しても問題なく利用できるでしょう。

アクセスキー/キーボードナビゲーション対応

障害のある人にとってマウスは使いずらい物です。当サイトのいくつかのページではアクセスキーに対応しています。例えば、リンクに(H)などの文字がある場合、[Alt]キーと[H]キーを同時に押す事でそのリンク先にジャンプします。なお、当サイトでは[Alt+H]はホームページにリンクしています。(この機能は古いページでは未設定です。)

ホームページへ[H]
日記帳へ[D]
風&論文[E]
掲示板へ[B]

代替スタイルシート対応のブラウザ

現在、IEを除く多くのブラウザが代替スタイルシートに対応しています。代替スタイルシートを用いると、製作者側で用意しておけば、訪問者がページのデザインをその中から選択できます。

当サイトでは、通常のデザイン以外に下記のデザインを用意しています。(すべてのページに用意してあるわけではありません。)

やや大きな文字
背景などのデザインは同じで、通常のサイズよりやや大きな文字でデザイン
大きな文字
背景を無地にして、文字を大きくしコントラストも高めに設定したデザイン
小さな文字
1画面に表示する文字数を多くするため、文字のサイズを落としたデザイン
反転
背景を暗くして、文字を白くしたもの。目にやさしいかも
印刷・ハンドヘルド用
印刷や携帯用端末での利用を考慮した黒白2色を基本にしたデザイン

代替スタイルシート対応のブラウザ

多くのブラウザが対応していますが、特に良く利用される物は下記(2004/08/01現在)
Mozilla 1.7rc(日本語最新版)
IEにつぐシェアを持つブラウザで、HTML4.01やスタイルシートへの対応が最も進んでいるブラウザ。無料で配布されています。
Firefox 0.9
Mozillaからメールクライアントを除いたもの
Netscape7.1
Mozilla 1.4をベースにNetscapeによって手を加えられたもの
Opera 7.53
高速なことで知られるブラウザ。IEやMozillaとスタイルシートの解釈が少し異なる部分がある。本来は有償だが、無料で使用できる。