アクセシビリティ(ユニバーサルデザイン)ポリシー
Website Usability Info(以下、本サイトといいます)は、Webアクセシビリティ、すなわち「WebサイトにおけるUD(ユニバーサルデザイン)」の普及/一般化を社会の要請として捉えており、すべてのWebサイトにおいて、最低限のアクセシビリティが確保されるべきものと考えます。
本サイトでは、アクセシビリティ(ユニバーサルデザイン)ポリシーを以下のとおり定めております。
Web標準への準拠について
本サイトの各ページは、アクセシビリティ実現の基本前提として、Web標準(Web Standards)に則って制作されています(XHTML 1.0 Strict形式)。すべてのページは、W3C(World Wide Web Consortium)提供のバリデータ(検証ツール)によって、有効なXHTML1.0 Strictドキュメントであることを確認しています。
また、単にバリデータでの機械的な検証だけでなく、内容の観点でもドキュメント構造(大見出し、小見出し、段落、強調箇所、箇条書き、挿絵、ハイパーリンクといった文書の構成要素の関係性)が適切であるように留意しています。
可読性について
文字の大きさ
本サイトでは、見出しを含め、文字サイズを固定していません。ユーザー(サイト閲覧者)の意思によって、文字サイズを自由に拡大(もしくは縮小)することができます。
文字の大きさを変更するには?
お使いのブラウザによって、以下の操作で文字の大きさを変更することができます。
- Internet Explorerをお使いの場合:[表示]メニューの[文字のサイズ]
- Firefoxをお使いの場合:[表示]メニューの[文字サイズ]
- Safari(Mac OS)をお使いの場合:[表示]メニューの[文字を拡大][文字を縮小]
なお、JavaScriptが有効の状態であれば、各ページに用意されている[文字拡大][縮小][標準]をクリックすることで、ブラウザのメニューを使わずとも文字サイズを自由に調整できます。(JavaScriptが無効の場合は[文字拡大][縮小][標準]機能は表示されません。)
行間
雑誌や新聞などの紙媒体においては、一般的に読みやすい行間は「文字サイズの30から50パーセント程度」と言われています。本サイトでは、Webというメディア特性(紙媒体に比べ読みづらい)を考慮し、より可読性を高めるために、一般的な基準よりもやや広く、行間を文字サイズの80パーセントにしています。
配色
文字色と背景色のコントラストを十分に確保するようにしています。具体的には、弱視者(白内障)や以下の色覚特異性を持つ方であっても、情報の識別ができるように、配色に留意しています(チェックには、富士通のColorSelectorを使用しています)。
- 第一色覚特異性(赤の視感度がないか弱い)
- 第二色覚特異性(緑の視感度がないか弱い)
- 第三色覚特異性(青の視感度がないか弱い)
また、「色のみに依存した情報内容の識別」を極力排除しています。たとえば、Webユーザーにとって特に重要なリンク箇所には下線を付し(クリック済のリンク箇所は、色ではなく下線の種類を点線に変えて表示)、強調箇所は太字で表示しています。
音声読み上げについて
本サイトでは、上記「Web標準への対応について」で述べたとおり、各ページのドキュメント構造が適切であることに留意しています。つまり、CSS(視覚的なレイアウト制御)を外した状態であってもページの内容が伝わるようにしているため、読み上げソフトや音声ブラウザを使用するユーザーにとっても、情報を得やすいようになっています。
さらに、各ページの文章が音声で読み上げられるケースを想定し、「記号や単位などはできるだけ言葉で表記する」「視覚的な演出をテキスト文字では表記しない」といった配慮が重要と考えています。たとえば:
- 「〜」ではなく「から、まで」と表記する
- 「%」「GB」ではなく「パーセント」「ギガバイト」と表記する
- 「¥2,000」ではなく「2,000円」と表記する
- 日付は「10/10」ではなく「10月10日」と表記する
- 曜日は「(金)」ではなく「金曜日」と表記する
- 視覚的な演出を目的とした記号(目印としての●や※など)をテキストとして表記しない
- 目立たせる目的で一単語内の文字間にスペースを挿入しない(「す ご い」など)
なお、ページ内で使用している画像に代替テキスト(alt属性)を入れる際には、本サイトの記事「<img>要素のalt属性の入れ方」を基本ルールとしています。
ページの表示時間について
Webの世界では、以前より「8秒ルール」といわれるセオリーがあります。昨今はADSLやFTTH(光ファイバー)などといった高速ブロードバンドユーザーが増えてきていることもあり、さらに短い「6秒ルール」「3秒ルール」といった言葉も聞かれることがあります。
本サイトでは、ダウンロードTIMERというツールを使って計測しており、各ページの表示時間の目標を「T-1ラインで1秒未満」「128k DSL/ISDNで10秒未満」としています。ただし、コラムカテゴリーの記事一覧ページや、あるキーワード(タグ)に関連する記事一覧ページについては、リストアップされる記事数によって、この目標を満たせない場合があります。その場合でも、「一覧結果を1ページに収めて見渡せること」のメリットを重視し、敢えてページの軽量化(一覧の複数ページ分割)は行なっておりません。
ブラウザ表示について
本サイトでは、代表的なモダンブラウザ(Internet Explorer、Firefox、Opera、Safari)において、視覚的に意図したとおりの表示ができることを基本ポリシーとしています。現時点(下記「最終更新日」をご参照)の検証対象ブラウザは以下のとおりです。
- Internet Explorer 6.0/7.0(Windows)
- Firefox 3.0(Windows)
- Opera 9.5(Windows)
- Netscape 7.1(Windows)
- Sleipnir 2.8(Windows)
- Safari 2.0/3.0(Mac OS)
- Firefox 3.0(Mac OS)
- Opera 9.5(Mac OS)
なお、Netscape Communicator 4.7以前、Internet Explorer 4以前、Mac OS版Internet Explorer 4.5および5については、CSSによる視覚レイアウト制御を外した状態で表示します。この場合も、本サイトでは情報(ドキュメント構造)と見栄えを分離した作りをしているため、問題なくサイトを閲覧いただくことができます。
画面解像度について
本サイトでは、800×600ピクセルの画面解像度で横スクロールがでないことを条件にしています。「Webページの横幅について」も併せてご参照ください。
別ウィンドウについて
本サイトでは、別ウィンドウが開くリンクや仕掛けは、一切使用していません。「 別ウィンドウを開くことの是非」も併せてご参照ください。
「JIS X8341-3」対応について
本サイトは、上記で述べた数々のポリシーを含め、JIS X8341-3(高齢者・障害者等配慮設計指針)に準拠しています(必須項目だけでなく、推奨項目も基本的に満たすようにしております)。なお、準拠チェックには、富士通のWeb Inspectorを使用しています。
携帯電話端末からのアクセスについて
本サイトでは、幅広いユーザーエージェント(ユーザーのサイト閲覧環境)からのアクセシビリティという観点から、コラム記事を携帯電話端末からでも閲覧できる「携帯版(β)」を公開しています。「Webサイトを携帯対応に(Movable Type)」も併せてご参照ください。
検証ツールについて
本サイトでは、アクセシビリティの検証ツールとして、以下のツールを使用しています。
- Web Developer(インフォアクシア)
- Firefoxツールバー。各種バリデータ、ソースコードチェック、CSSやJavaScriptの無効化シミュレーション、リニアライズ(線形化)表示などが可能です。
- Vischeck
- Webページが色覚特異性を持つユーザーにどう見えるのかをシミュレーションできます。
- ダウンロードTIMER
- Webページが読み込まれて表示されるまでの時間を測定してくれます。
- Web Inspector(富士通)
- Webページが「JIS X8341-3(高齢者・障害者等配慮設計指針)」に適合しているかをチェックできるツールです。
- Color Selector(富士通)
- 文字色と背景色の組み合わせが適切かを(白内障や色覚特異性を持つユーザーが利用することも含めて)シミューレーションできるツールです。
アクセシビリティポリシーの変更について
アクセシビリティポリシーに変更が生じた場合は、本サイトに最新のアクセシビリティポリシーを掲載します。それにより皆様には、常に本サイトがどのようなアクセシビリティ(ユニバーサルデザイン)指針をもって運営されているかついてご確認いただくことができます。
本サイトでは、ここで述べているポリシー(指針)に加え、Webアクセシビリティに関するノウハウを随時蓄積しております。アクセシビリティ/ユニバーサルデザイン(UD)実現のご相談はお気軽にお問い合わせください。また、当ポリシーについてお気づきの点やアドバイスなどございましたら、ご指摘いただけますと幸いです。
(最終更新日:2008年9月11日)