あいぼりーのウェブアクセシビリティ

ウェブアクセシビリティとは
誰でも(年齢や障害の有無などに関係なく)、どんな利用環境でも(マウス操作が苦手な方や音声ブラウザを利用する方も)、サイト内の情報に等しくアクセスできるようにしようという考え方です。

2004年6月にJIS規格として策定
されたこともあり、あいぼりーのウェブサイトもリニューアルの機会にアクセシビリティをサポートしようということになりました。同年10月のことです。

とはいえ、いまだに100%対応するまでには至らず、まだまだ不十分な点が多々ありますが、お年を召した方、キーボード操作でページをご覧になる方、音声ブラウザにより耳からの情報に頼っている方などにも、不都合なくページの情報にアクセスしていただけるようにしていきたいと考えています。

以下はページ内リンク一覧です。

ナビゲーションについて

マウス操作の場合、キーボード操作の場合、音声ブラウザで操作の場合と、各々について説明していきます。

マウス操作の場合

画面スクロールに追従する目次リンクの図

室長コラムやマスコミ掲載履歴の紹介記事ページには、画面の右端にページスクロールに追従する目次リンクを付けてあります。

JavaScriptが有効になっているブラウザのみ。

このリンクをクリックしますと、それぞれの親ページに移動できます。

リンク上のツールチップの図

一部のリンクではマウスを乗せると、補足説明のツールチップが表示されます。

キーボード操作の場合

Windows版 Internet ExplorerやNetscape Navigator(Version 6以降)のブラウザでは、Tabキーでページ内のリンクにフォーカスを合わせる(選択可能にする)ことができます。

しかし、選択したいリンクが遠い場合はTabキーを押し続けなければいけません。それでは効率が悪いし不便なので、主要ページの上部にあるグローバルナビゲーションとページ左側のコンテンツ一覧の各カテゴリ、最初のリンクにアクセスキーを設定してあります。

このアクセスキーを手がかりに、ご覧になりたいリンクにはTabキーで移動、選択するという使い方になります。尚、トップページへのアクセスキーと、グローバルナビゲーションの各リンクに設定されたアクセスキーはページ共通です。

アクセスキー

リンクへのショートカットキー。WindowsのInternet ExplorerではAltキー+設定された英数字のキーの組み合わせで、Netscape Navigatorでは、Ctrlキー+設定された英数字のキーの組み合わせで、対応するリンクを選択することができる機能です。

アクセスキー表示の図

リンクテキストの後ろに表示されている数字や英字がアクセスキーです。

たとえば「歯科医院紹介までの流れ」のページを選択したい場合は、Altキーに続いてリンクテキスト後ろの"1"キーを押します。

アクセスキー表示の図

目の悪い方にも選択状態がわかるように、選択されたリンクが反転表示になります。
このまま、Enterキーを押しますと、該当ページに移動します。

音声ブラウザで操作の場合

IBM ホームページリーダーなどの音声ブラウザを使われている方にとって、あいぼりーのようにテーブルレイアウトで作ってあるページは使いにくいものです。

どのページを開いても必ずページ上部のグローバルナビゲーションが読み上げられ、最初にページ本文を読みたくても、ページ左側のコンテンツ一覧が読み上げ終わるまで待たなければいけないからです。

これは音声ブラウザが左上から順々に情報にひとつずつ、アクセスする仕様のためです。これでは不便なので、あいぼりーの主要ページには、グローバルナビゲーションをスキップする不可視リンクと、ページ本文にジャンプする可視リンクを設定してあります。

ナビゲーションをスキップするリンクの図

ページ大見出しの後ろにグローバルナビゲーションの読み上げをスキップする不可視リンク、ページ上部右端にページ本文にジャンプする可視リンクがあります。

2007-10-07追記
今月より、さらにWeb標準に対応すべくサイト内ページを順次リニューアルしております。そのためHTMLで記述したページとXHTMLで記述したページが混在しておりますが、ご了承ください。

あいぼりーのユーザビリティ

ユーザビリティとは
利用者にとっての、ウェブサイトの使い勝手・使いやすさのことです。具体的には以下のような項目があげられます。

  • フレームを使用しないこと(お気に入りに登録できないため)
  • すべてのページにトップページに戻れるリンクを張ること
  • すべてのページに問い合わせ先のメールアドレスを明記すること
  • ページ内の文字サイズを固定しないこと
  • ページ内の文章は適度な行間を設定し、段落分けすること
  • 難解な専門用語を使用しないこと
  • 既読リンクと未読リンクがわかるようにすること

これらはユーザビリティの一部ですが、あいぼりーのウェブサイトではページ内の文字はレイアウトの都合上、サイズを固定している文字も使用しています。
ただし、このようなコンテンツの内容については、基本的に可変としています。
リンクについては、以前のリンク画像を廃止し、テキストリンクを採用しました。

リンクの見分けかた

通常、テキストリンクの見た目は(利用者が設定を変更しない状態で)、テキストに下線が付いた状態で表示され、リンクであると識別できるようになっています。

しかし、レイアウトの都合上、そして日本語の文字に下線がつくと文字が見にくくなるという欠点もあるため、あいぼりーのウェブサイトでは文章エリア以外のリンクは下線を非表示にしています。

ちなみに文章エリア内のリンクは下線が表示されますが、文字が見にくくならないように表示スタイルを設定しています。

※リンクの表示スタイルが有効になるのは、Netscape Navigator 4以外のブラウザです。

リンク先を新しいウインドウを開く場合は、リンクテキストの末尾に識別アイコンを付ける、あるいはツールチップヘルプにて明示するようにしています。

カウンセリングお申し込み補足

「カウンセリングについ」のページで説明しきれなかった、お申し込みメールの書式FAX用紙の使い方・お申し込みページを表示させる際に出現するセキュリティ警告ダイアログについて、説明していきます。

お申し込みメールの書式

メールにてカウンセリングを申し込まれる場合は、「カウンセリングについて」のページをお読みになり、予約状況を確認された上で、以下の書式内容をメール作成ソフトの画面に「貼り付け」てご利用ください。
ご相談内容は、できるだけ詳しくお書きくださるよう、お願いいたします。

あいぼりーのメールアドレスは、info@ivory8.comです。

お名前:
ふりがな:
ご住所:〒
ご年齢:
性別:
お電話番号:
FAX番号:
メールアドレス:
ご希望のカウンセリング:来室カウンセリングか電話カウンセリング
ご希望のカウンセリング日時:
 第1希望日時:   月   日    時
 第2希望日時:   月   日    時
 第3希望日時:   月   日    時
ご相談内容:

FAX用紙の使い方

FAXにてカウンセリングを申し込まれる場合は、「カウンセリングについて」のページをお読みになり、予約状況を確認された上で、FAX用紙のページを開いてください。

図はFAXページの画面

印刷用のFAX用紙です。

フォームに入力された後プリンタで印刷して、ご送信いただくか、またはプリンタで印刷した用紙に書き込んでから、ご送信くださってもけっこうです。

FAX用紙は印刷時にはモノクロで印刷されます。

セキュリティ警告ダイアログ

カウンセリングお申し込みのページは、個人情報を保護するために入力していただく内容を暗号化しています。

ページを開く際に、セキュリティで保護されていない接続からセキュア接続と呼ばれる、セキュリティで保護された接続に切り換えるので、以下のようなセキュリティの警告ウインドウが表示されます。(画面はInternet Explorerによる警告ウインドウです。)

図はセキュリティの警告ウインドウ

ウインドウのタイトルバーに「警告」と表示されてはいますが、これは単なる「通知」だとお考えください。ご心配になることは何もありません。

サイト内検索の使い方

各ページ上部に設置してある、サイト内検索ボックスの使い方です。

検索の方法
この検索システムは任意の「キーワード」から当サイト内のウェブページ (HTMLファイル) を自由に検索することのできるシステムです。キーワードを「半角スペース」で区切ることで、複数キーワードによる検索が可能です。

検索の条件は
「AND検索」と「OR検索」の2種類が可能です。

AND検索(AかつB)
1ファイル中にAという単語とBという単語の両方が含まれます。

OR検索(AまたはB)
1ファイル中にAという単語かまたは、Bという単語のどちらかが含まれます。

初期設定の検索条件は
AND検索のみなので、OR検索を実行される場合はキーワード入力欄を空のままに「サイト内検索」ボタンをクリックし、表示される検索専用ページ(下の画面)にて検索条件をご指定ください。

サイト内検索へのリンクです。 サイト内検索を実行する

※キーワードで使用する「英字」の場合、大文字と小文字は別物として扱われますのでご注意ください。

サイト内検索専用ページの画面

WebDigさんのサイトではGooglle,Yahoo!,goo MSN サーチ,AllAbout Japan他・おくすりナビ・Q&A・ニュースサイトその他で検索が出来ます。

良い歯医者さん紹介サイト あいぼりー歯の相談室

住所 〒151−0061
東京都渋谷区初台1−51−1
初台センタービル514
あいぼりー歯の相談室(地図
受付時間 月曜〜土曜  10:00AM〜4:00PM
木曜・日曜・祝祭日はお休みです。
メールアドレス info@ivory8.com
電話番号 03−5308−6487
FAX 03−5308−6489(FAX用紙

カウンセリングお申し込み

カウンセリングご希望の方は、下記いずれかの方法でお申し込みください。

来室カウンセリング用フォーム
電話カウンセリング用フォーム
電子メール
FAX(03−5308−6489)
お電話(03−5308−6487)

ある歯科技工士の挑戦

書籍写真

あいぼりー歯の相談室 室長、須藤哲生の本です。

ある歯科技工士の挑戦!―患者が主役の歯科医療をめざして

本の概要は弊社室長の本ご紹介のページでご覧いただけます。