(57)【要約】【課題】ウェブページのアクセシビリティ上、不適切な表現がある場合、ウェブページのアクセシビリティの知識を習得することが容易であり、また、アクセシビリティの知識の進化に追従することが容易である見本デザイン提示装置、見本デザインの提示方法及びプログラムを提供することを目的とする。【解決手段】ウェブページのアクセシビリティ上、不適切な表現がある場合、ウェブページのアクセシビリティの観点で、好ましくないＨＴＭＬが存在する場合、その好ましくない箇所を指摘し、その解説と見本とを示す見本デザイン提示装置、見本デザインの提示方法及びプログラムである。【選択図】図１
2008305356.tif 000002
【特許請求の範囲】
【請求項１】
ウェブページのアクセシビリティ上、不適切な表現の部分を、上記ウェブページから抽出するルールを、記憶装置に記憶する不適切表現抽出ルール記憶手段と；
上記不適切表現抽出ルールに応じて、上記アクセシビリティを診断し、上記アクセシビリティ上の不適切な表現の部分を、上記ウェブページから抽出する不適切表現抽出手段と；
上記アクセシビリティ上の不適切な表現の部分と上記不適切表現を修正する場合に見本となるウェブページの表現の部分とを対応付けて、記憶装置に記憶する対応付け記憶手段と；
上記アクセシビリティ上の不適切な表現の部分について、上記対応して記憶されている修正の見本となるウェブページの表現の部分を提示する見本提示手段と；
を有することを特徴とする見本デザイン提示装置。
【請求項２】
請求項１において、
上記修正の見本となるウェブページの部分は、ウェブページのソースであり、上記ウェブページのソースが予め記憶され、
上記見本提示手段は、上記記憶されている内容を読み出して提示する手段であることを特徴とする見本デザイン提示装置。
【請求項３】
請求項１において、
上記修正の見本となるウェブページの部分は、ファイルの位置を指し示すものであり、上記ファイルの位置を指し示すものが予め記憶され、
上記見本提示手段は、上記記憶されている内容に従って、特定のウェブページの特定の部分を提示する手段であることを特徴とする見本デザイン提示装置。
【請求項４】
ウェブページのアクセシビリティ上、不適切な表現の部分を、上記ウェブページから抽出するルールを、記憶装置に記憶する不適切表現抽出ルール記憶工程と；
上記不適切表現抽出ルールに応じて、上記アクセシビリティを診断し、上記アクセシビリティ上の不適切な表現の部分を、上記ウェブページから抽出する不適切表現抽出工程と；
上記アクセシビリティ上の不適切な表現の部分と上記不適切表現を修正する場合に見本となるウェブページの表現の部分とを対応付けて、記憶装置に記憶する対応付け記憶工程と；
上記アクセシビリティ上の不適切な表現の部分について、上記対応して記憶されている修正の見本となるウェブページの表現の部分を提示する見本提示工程と；
を有することを特徴とする見本デザイン提示方法。
【請求項５】
ウェブページのアクセシビリティ上、不適切な表現の部分を、上記ウェブページから抽出するルールを、記憶装置に記憶する不適切表現抽出ルール記憶手順と；
上記不適切表現抽出ルールに応じて、上記アクセシビリティを診断し、上記アクセシビリティ上の不適切な表現の部分を、上記ウェブページから抽出する不適切表現抽出手順と；
上記アクセシビリティ上の不適切な表現の部分と上記不適切表現を修正する場合に見本となるウェブページの表現の部分とを対応付けて、記憶装置に記憶する対応付け記憶手順と；
上記アクセシビリティ上の不適切な表現の部分について、上記対応して記憶されている修正の見本となるウェブページの表現の部分を提示する見本提示手順と；
をコンピュータに実行させるプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ウェブコンテンツのアクセシビリティを検証し、アクセシビリティのよいデザインの見本となるような単数または複数のデザインを提示する見本デザイン提示装置に関する。
【背景技術】
【０００２】
インターネットの普及によって、様々な情報が得られる。インターネットの利用方法のうちの１つにウェブコンテンツの閲覧がある。ウェブコンテンツは、ＨＴＭＬ文書や画像等を有し、ＨＴＭＬ文書で記述されたとおりに、テキストや画像をブラウザ上に表示する。しかし、ウェブコンテンツは、ブラウザを使って利用されるだけでなく、音声ブラウザを始め、様々なソフトウェアやシステムを使って利用されている。様々なソフトウェアやシステム（すなわち、様々なブラウザ）に対応できるように、ウェブコンテンツをデザインすることが求められている。つまり、アクセシビリティ（利便性）を確保することが求められている。
【０００３】
そこで、アクセシビリティ上、不適切なデザインの部分（不適切な表現）を指摘し、その修正を促すチェックツールが開発されている（たとえば、特許文献１参照）。
【特許文献１】特開平１１−２４９８６７号公報
【発明の開示】
【発明が解決しようとする課題】
【０００４】
アクセシビリティに配慮しているかどうかを確認する従来のチェックツールは、アクセシビリティの観点から不適切なデザインの部分を指摘する。チェックツールを使えば、不適切なデザインの部分を発見し、そのデザインを修正することができる。
【０００５】
しかし、アクセシビリティの観点から不適切なデザインの部分の場所が分かっても、この不適切なデザインの部分を修正する場合、チェックツールを使うウェブ製作者に、修正の仕方が任されていることが現状である。
【０００６】
したがって、アクセシビリティの知識が十分にないウェブ製作者にとっては、アクセシビリティの観点から、不適切なデザインの部分を判別することができても、それをどのように修正すべきかがわからない。よって、専門家に相談し、ＪＩＳ  Ｘ  ８３４１−３等のガイドラインを読み、修正方法を調べる調査作業が必要である。しかし、この修正に関する相談作業、調査作業は非常に手間がかかるので、アクセシビリティの知識を習得することが困難であるという問題がある。
【０００７】
また、ウェブデザインの手法は、日々進化し、アクセシビリティの観点から不適切なデザインや良いデザインは、日々増える傾向がある。このために、手法の進化に追従することが難しいという問題がある。
【０００８】
本発明は、ウェブページのアクセシビリティの知識を習得することが容易であり、また、アクセシビリティの知識の進化に追従することが容易である見本デザイン提示装置、見本デザイン提示方法及びプログラムを提供することを目的とする。
【課題を解決するための手段】
【０００９】
本発明は、ウェブページのアクセシビリティの観点で、好ましくないＨＴＭＬが存在する場合、その好ましくない箇所を指摘し、解説と見本とを示す見本デザイン提示装置、見本デザイン提示方法及びプログラムである。
【発明の効果】
【００１０】
本発明によれば、ウェブページのアクセシビリティの知識を習得することが容易であり、また、アクセシビリティの知識の進化に追従することが容易であるという効果を奏する。
【発明を実施するための最良の形態】
【００１１】
発明を実施するための最良の形態は、次の実施例である。
【実施例１】
【００１２】
図１は、本発明の実施例１である見本デザイン提示装置１０を示すブロック図である。
【００１３】
見本デザイン提示装置１０は、サーバで実現する見本デザイン提示装置であり、送受信部１と、制御部２と、情報解析部３と、情報蓄積部４と、情報構成部５とを有する。
【００１４】
ネットワークＮＷ１を介して、見本デザイン提示装置１０に接続されるユーザ端末３０は、ＰＣ本体に対応している。また、ユーザ端末３０は、送受信部３１と、制御部３２と、情報解析部３３と、情報入力部３４と、情報出力部３５とを有する。
【００１５】
情報入力部３４は、キーボード、マウス等の入力システムである。情報出力部３５は、モニタやスピーカである。ユーザ端末３０は、ネットワークＮＷ１を介して、ウェブサーバＷＳ１と通信し、ウェブコンテンツを受信し、表示する。
【００１６】
見本デザイン提示装置２０は、不適切なデザイン箇所に対応する見本デザインを表示する例である。また、見本デザイン提示装置２０は、不適切なデザイン箇所と見本デザインとが１対１に対応する例である。まず、所望のＨＴＭＬ文書のアクセシビリティの配慮度合いをチェックする。
【００１７】
次に、見本デザイン提示装置１０の動作をサーバで実現する場合について説明する。
【００１８】
図２は、見本デザイン提示装置１０の動作をサーバで実現する場合の動作を示すフローチャートである。
【００１９】
Ｓ１で、キーボード等の情報入力部３４から、ユーザがチェックしたいウェブページのＵＲＬを入力する。Ｓ２で、制御部３２を介して、送受信部３１から、ネットワークＮＷ１を介して、見本デザイン提示装置１０にＵＲＬを送信する。Ｓ３で、見本デザイン提示装置１０において、ユーザ端末３０を操作しているユーザがチェックしたいＵＲＬを、送受信部１が受信する。
【００２０】
Ｓ４で、ユーザが入力したＵＲＬのウェブサーバＷＳ１と通信し、Ｓ５で、ウェブコンテンツを送受信部１が受信し、制御部２を介して、情報蓄積部４に記憶する。Ｓ６で、記憶されているウェブコンテンツのアクセシビリティの配慮度合いを、情報解析部３が解析し、この解析結果を、情報蓄積部４に記憶する。
【００２１】
上記解析方法（Ｓ６）について、以下で詳細に説明する。チェックツールは、一般に、複数のチェック項目についてチェックする。たとえば、「画像には、利用者が画像の内容を適確に理解できるように、テキスト等の代替情報を提供しなければならない」という項目をチェックするためには、画像を指定するｉｍｇ要素に、代替テキストを設定するａｌｔ属性が設定されていることを確認する。ａｌｔ属性が設定されていなければ、アクセシビリティの観点からは不適切なデザインである（アクセシビリティが低いデザインである）と言える。逆に、ａｌｔ属性が設定されていれば、アクセシビリティの観点からは良いデザインであると言える。ここで、ｉｍｇ要素を検索し、ａｌｔ属性がなければ、不適切なデザイン箇所であるとして、情報蓄積部４に記憶する。実際のＨＴＭＬ文書では、以下のように記述される。
【００２２】
＜ｉｍｇ  ｓｒｃ＝ｐｉｃｔｕｒｅ１．ｊｐｇ  ａｌｔ＝“筆者の写真”＞
このようにして記述すれば、音声ブラウザで、このＨＴＭＬ文書を読み上げたときに、ｐｉｃｔｕｒｅ１．ｊｐｇという画像の代わりに、「筆者の写真」という代替テキストを読み上げることができる。音声ブラウザを使うユーザにも、写真の意味を伝えることができるので、アクセシビリティに配慮されていると言える。不適切な例としては、次のような場合である。
【００２３】
＜ｉｍｇ  ｓｒｃ＝ｐｉｃｔｕｒｅ１．ｊｐｇ＞
このようにして記述すると、音声ブラウザでこのＨＴＭＬ文書を読み上げたときに、「ｐｉｃｔｕｒｅ１．ｊｐｇ」というファイル名を読み上げる。音声ブラウザを使うユーザには、写真の意味を伝えることができないので、アクセシビリティに配慮されているとは言えない。この項目以外のチェック項目に関しても、順次チェックする。
【００２４】
この結果は、Ｓ７で、情報構成部５において、ユーザの見やすい画面情報としてデータを作成し、制御部２、送受信部１、ネットワークＮＷ１を介して、送受信部３１に送られる。
【００２５】
図３は、見本デザイン提示装置１０が表示するチェック結果画面の例を示す図である。
【００２６】
制御部３２を介して、情報出力部３５（すなわちモニタ）に、図３に示す結果が表示される。チェック時に検出された複数の不適切なデザインの識別番号１００１、１００２、……に対応して、不適切なデザインの内容が表示されている。
【００２７】
次に、Ｓ８で、ユーザが図３に示す表示を見て、解説を見てみたい項目について、「解説を見る」のボタンを押し、情報入力部３４からチェック項目を選択する。選択された情報は、制御部３２と、送受信部３１と、ネットワークＮＷ１と、送受信部１と、制御部２とを介して、情報解析部３に送られる。
【００２８】
続いて、Ｓ９では、情報解析部３が、不適切なデザインの識別番号に対応する見本デザインの識別番号を調べ、この調べた不適切なデザインの識別番号に対応する見本デザインの内容を、情報蓄積部４から読み出す。不適切なデザインの内容に対応する解説文を、情報蓄積部４から読み出す。
【００２９】
図４は、不適切なデザインの内容とその解説文との対応表を示す図である。
【００３０】
不適切なデザインの内容に対応する解説文は、図４に示すように記述され、情報蓄積部４に予め記憶する。たとえば、ｉｍｇ要素にａｌｔ属性が設定されていないというチェック項目１００１に対応する不適切なデザイン例について、解説文は、「＜ｉｍｇ  ｓｒｃ＝ｐｉｃｔｕｒｅ１．ｊｐｇ  ａｌｔ＝“筆者の写真”＞このようにして記述すれば、音声ブラウザで、このＨＴＭＬ文書を読み上げたときに、ｐｉｃｔｕｒｅ１．ｊｐｇという画像の代わりに、「筆者の写真」という代替テキストを読み上げることができる。音声ブラウザを使うユーザにも、写真の意味を伝えることができるので、アクセシビリティに配慮されていると言える。」となっている。
【００３１】
図５は、実施例１における見本デザイン提示装置１０が表示する解説画面の例を示す図である。
【００３２】
図５に示す解説文を、情報蓄積部４から読み出し、情報構成部５が、ユーザにわかり易い表示を、予め記憶してあるテンプレートに従って生成し、制御部２、送受信部１、ネットワークＮＷ１を介して、送受信部３１に送り、制御部３２を介して、情報出力部３５（すなわちモニタ）に、図５に示すように表示する。
【００３３】
次に、Ｓ１０で、ユーザが図３の表示を見て、見本となるデザイン例を見てみたい項目について、「見本を見る」というボタンを押し、情報入力部３４から識別番号１００１の見本を要求する。
【００３４】
選択された情報は、制御部３２、送受信部３１、ネットワークＮＷ１、送受信部１、制御部２を介して、情報解析部３に送られる。続いて、Ｓ１１で、情報解析部３が、不適切なデザインのチェック項目に対応する見本デザインのチェック項目番号を、情報解析部３が調べ、情報蓄積部４から読み出す。
【００３５】
図６は、実施例１、２における見本デザイン提示装置１０の情報蓄積部に蓄積されている対応データを示す例である。
【００３６】
図６に示すように、不適切なデザインの内容に対応する見本デザインの内容の対応表を、情報蓄積部４が予め記憶する。
【００３７】
不適切なデザインの識別番号に対応する見本デザインの識別番号を、情報蓄積部４から読み出す。たとえば、ｉｍｇ要素にａｌｔ属性が設定されていないという識別番号１００１に対応する不適切なデザイン例について、見本デザインの内容「ｉｍｇ要素の中にａｌｔ属性がある」が対応することが、図６を見れば分かる。
【００３８】
見本デザイン例は、ＨＴＭＬで記述され、情報蓄積部４に蓄積しておく。対象のＨＴＭＬファイルを読み出し、予め記憶してあるテンプレートに従って、情報構成部５が、ユーザに分かりやすい表示を生成する．この生成された表示は、制御部２、送受信部１、ネットワークＮＷ１を介して、送受信部３１に送られる。
【００３９】
図７は、実施例１における見本デザイン提示装置１０が表示する見本デザイン表示画面の例を示す図である。
【００４０】
上記生成された表示は、制御部３２を介して、情報出力部３５（すなわちモニタ）に、図７に示すように表示する。
【００４１】
なお、図７には、レンダリング後の表示を示してあるが、不適切なデザイン箇所を説明する方法であればよく、ソースファイルを表示するようにしてもよい。チェック項目１００１は、＜ｉｍｇ  ｓｒｃ＝ｐｈｏｔｏ．ｊｐｇ＞等、不適切なデザイン例に対し、＜ｉｍｇ  ｓｒｃ＝ｐｉｃｔｕｒｅ１．ｊｐｇ  ａｌｔ＝“筆者の写真”＞等の見本デザイン例を提示する。
【実施例２】
【００４２】
図８は、本発明の実施例２である見本デザイン提示装置２０を示す構成図である。
【００４３】
見本デザイン提示装置２０は、クライアントで実現する見本デザイン提示装置であり、送受信部２１と、制御部２２と、情報解析部２３と、情報構成部２４と、情報蓄積部２５とを有する。
【００４４】
情報入力部２６は、キーボード、マウス等の入力システムに対応し、情報出力部２７は、モニタやスピーカに対応する。
【００４５】
見出し抽出装置２０は、ネットワークＮＷ２を介して、ウェブサーバＷＳ２と通信し、ウェブコンテンツを受信し、表示する。
【００４６】
見出し抽出装置２０が見出しを抽出する場合（クライアントで実現する場合）も、図２に示すサーバで実現する場合の動作と同様の動作を行う。
【実施例３】
【００４７】
本発明の実施例３は、不適切なデザイン例に対応する見本デザインを、実際のウェブページを使って表示する実施例である。
【００４８】
図９は、実施例１、２における見本デザイン提示装置１０の情報蓄積部に蓄積されている見本デザイン例データの例を示す図である。
【００４９】
また、不適切なデザイン箇所１つについて複数の見本デザイン例が対応する場合である。見本デザインに当たるページの情報を、情報蓄積部４に保存しておく。このときの方法は、図６に示す対応表に基づいて、見本デザインとして、本システム（実施例３）の運用者が決め、図９に示すように、ＵＲＬを登録するようにしてもよい。
【００５０】
また、見本として表示されれば、サイトの宣伝にもなるので、自分のサイトを登録して欲しいと考えるウェブ製作者が、登録するようにしてもよい。その他、どのようなユーザが登録してもよい。このときに、サーバ上で、情報蓄積部４が、誰でも登録できるようにしておけば、便利である。また、見本デザイン例の数は、１つのチェック項目について、複数登録できるとする。
【００５１】
図１０は、本発明の実施例３の動作を示すフローチャートである。
【００５２】
Ｓ２１〜Ｓ２９の動作は、それぞれ、実施例１におけるＳ１〜Ｓ９の動作と同じである。
【００５３】
見本デザイン例の表示方法（Ｓ３０、Ｓ３１、Ｓ３２）について説明する。
【００５４】
実施例１では、図６に示すように、不適切なデザイン例が見つかったときに、それに対応する良い例は１つである。具体的には、どのウェブページのどの箇所を提示するかが記述されている。実施例３では、図９に示すように、不適切なデザイン例のチェック項目と、見本デザインのチェック項目との対応を表すデータが保存されている。
【００５５】
識別番号１について、３つの見本デザインに対応するＵＲＬと、ソース内における開始行、開始文字（何行目の何番目の文字）から、終了行、終了文字（何行目の何番目の文字）までが、対象としていることが記憶されている。このように、実施例３では、見本デザインは、複数選ばれる。
【００５６】
Ｓ３０で、識別番号１について、図９の上から３つの項目のうちで、まず、１行目のＩＤが、１のＵＲＬである、ｗｗｗ．ｘｘｘ．ｊｐ／ｉｎｄｅｘ１．ｈｔｍｌを表示することが、Ｓ３１で決定される。
【００５７】
この例では、同じ識別番号に属する見本デザイン例を、データのＩＤ順（つまり、ＩＤが２、１、３の順）で表示する。データの登録者が、見本として参考になりそうな順番で、ＩＤを付与すれば、参考になりそうな見本デザインから、順に提示することができる。
【００５８】
この他にも、データ容量や登録日時等を記憶し、それらの順に表示するようにしてもよい。たとえば、登録日時順であれば、識別番号１について、ＩＤが２、１、３の順で表示し、データ容量が小さい順であれば、ＩＤが１、３、２の順で表示する。
【００５９】
図１１は、実施例３において、見本デザイン提示装置１０が表示する見本デザイン表示画面の例を示す図である。
【００６０】
まず、１番目の例が、情報構成部５において構成され、制御部２、送受信部１、ネットワークＮＷ１を介して、送受信部３１に送られ、制御部３２を介して、情報出力部３（すなわちモニタ）に、図１１に示すように表示される。
【００６１】
ここで、解説文や見本デザインおよび不適切なデザイン例との対応表は、実施例１と同様に、情報蓄積部４に予め記憶し、それらの情報を読み出すことによって、図１１に示すような表示が可能である。この項目に対する見本は、３つ存在し、そのうちの１番目の例であることが、「ｗｗｗ．ｘｘｘ．ｊｐ／ｉｎｄｅｘ１．ｈｔｍｌの例（１／３）」を表示することによって、ユーザが理解することができる。次の例を見たければ、「次の見本を見る」のボタンを押すと、次の例を提示する。
【００６２】
あまり多くの例を出しても混乱することが考えられるので、システム、または、ユーザが、例の個数を予め情報蓄積部４に登録し、登録された個数の例を表示するようにしてもよい。また、次の見本がなくなれば、最初の例を表示するようにしてもよく、「次の見本を見る」のボタンを表示させないようにしてもよい。
【００６３】
実施例３では、不適切なデザイン箇所と見本デザイン例とが、図９に示すように、１対多で対応する実施例である。
【００６４】
このように、多数の例が対応する場合、データ容量や登録日時等の順番を用い、順番に提示すれば、いろいろな例を参照することができるので、便利である。
【実施例４】
【００６５】
本発明の実施例４は、１つの不適切なデザインのチェック項目に対応する見本デザインのチェック項目が、複数存在する場合に処理する実施例であり、実際のウェブページを使って表示する例である。
【００６６】
図１２は、本発明の実施例４において、見本デザイン提示装置１０の情報蓄積部に蓄積されている対応データの例を示す図である。
【００６７】
たとえば、図１２に示すような対応表を、情報蓄積部４に保存する。図１２に示すように、「ｉｍｇ要素の中にａｌｔ属性がない」という項目について、ａｌｔ＝“著者の写真”等と内容とを記述する必要があるが、その画像が装飾的に使われているので、音声ブラウザで読み上げるほどの意味がなく、読み上げた場合に、却って全体の意味が通りづらくなる場合がある。
【００６８】
たとえば、箇条書きのアイコンに、会社のマーク等をつけた場合、会社のマーク等と読み上げると、却って意味がわかりづらくなる。この場合、ａｌｔ＝“会社のマーク”等とするよりも、ａｌｔ＝“  ”と空白にした方がよい。このように、１つの不適切なデザインのチェック項目について、複数種類の見本デザインのチェック項目が対応する場合がある。
【００６９】
図１３は、本発明の実施例４の動作を説明する図である。
【００７０】
Ｓ４１〜Ｓ４９の動作は、それぞれ、実施例１におけるＳ１〜Ｓ９の動作と同じである。
【００７１】
見本デザイン例の表示方法（Ｓ５０、Ｓ５１、Ｓ５２）について説明する。
【００７２】
実施例４では、図１２に示すように、不適切なデザイン例の内容と、見本デザインの内容との対応を表すデータが保存されている。たとえば、不適切なデザインの識別番号１００１については、見本デザインの識別番号１と２とに対応していることが、図１２を見れば分かる。
【００７３】
図１４は、見本デザイン例データを示す図である。
【００７４】
これは、図１４に示すデザイン例データは、図９に示すデザイン例データと同様であるが、カテゴリ番号が追加されている。不適切なデザインの識別番号１００１は、見本デザインの識別番号１と２とに対応するので、図１４によれば、６つの見本デザイン（ＩＤ１、ＩＤ２、ＩＤ３、ＩＤ４、ＩＤ５、ＩＤ６）に対応するデータ（すなわち、ＵＲＬ）と、ソース内における開始行、開始文字（何行目の何番目の文字）から、終了行、終了文字（何行目の何番目の文字）までが、対象であることが分かる。したがって、ＩＤが１から６までの見本デザイン例が表示される。
【００７５】
Ｓ５０で、図１４の上から３つの項目（すなわち、見本デザインチェック項目１の項目）のうちで、まず、１行目のＩＤ１のＵＲＬである、ｗｗｗ．ｘｘｘ．ｊｐ／ｉｎｄｅｘ１．ｈｔｍｌをユーザが選択し、これを表示することが、Ｓ５１で、決定される。
【００７６】
図１５は、実施例４において、見本デザイン提示装置１０が表示する見本デザイン表示画面の例を示す図である。
【００７７】
たとえば、ＩＤ１の表示は、図１５に示すような表示である。ここで、解説文や見本デザインと、不適切なデザイン例との対応表は、実施例１、２と同様に、情報蓄積部４に予め記憶し、これらの情報を読み出すことによって、図１５に示すような表示が可能である。
【００７８】
内容のあるａｌｔ属性という見本デザインは、３つ存在し、そのうちの１番目の例であることが、図１２を見れば、分かる。このときに、「内容のあるａｌｔ属性の例（１／３）」と表示することによって、ユーザが理解できる。
【００７９】
次の例を見たければ、「次の見本を見る」のボタンを押せば、ＩＤ１の次のＩＤ２が提示される。また、異なるカテゴリの見本を見たければ、「異なるカテゴリ項目の見本へ」というボタンを押す。
【００８０】
図１２から、見本デザイン関連識別番号を読み出す。見本デザインの識別番号１に、見本デザインの識別番号２が対応していることが分かる。そこで、図１４を参照し、見本デザイン識別番号２に対応するものを表示する。見本デザインの識別番号２に属するもののうちで、１番上の行に記憶されているのは、ＩＤ４のデータであるので、「異なるカテゴリ項目の見本へ」というボタンを押すことによって、ＩＤ１のデータの次にＩＤ４のデータを提示することができる。
【００８１】
ＩＤ４のデータが表示されているときに、「次の見本を見る」のボタンを押せば、ＩＤ５のデータが表示される。また、「異なるカテゴリ項目の見本へ」のボタンを押せば、図１２より，見本デザイン関連識別番号が１であるので、ＩＤ１のデータを提示することができる。あまり多くの例を出しても混乱することが考えられるので、システム、または、ユーザが，例の個数を情報蓄積部４に予め登録し、登録された個数の例を表示するようにしてもよい。
【００８２】
実施例１、２、３では、見本デザイン提示装置１０をサーバ上に構築する実施例である。このようにしておけば、見本デザイン例をいろいろなユーザが候補として登録することもできるので有利である。ただし、見本デザイン提示装置１０は、サーバ上に構築するものに限らず、図８に示すようにユーザ端末上に構築するようにしてもよい。
【００８３】
ウェブコンテンツにおいて、アクセシビリティの観点から不適切なデザインの部分を抽出することは、従来のアクセシビリティチェックツールにおいて可能である。同様に、アクセシビリティの観点から見本となる良いデザインの部分を抽出することができる。つまり、アクセシビリティの観点から不適切なデザインの部分について、本来あるべきデザイン、見本となるデザイン部分を対応付けて提示することができれば、修正の見本となるデザインを提示することができる。
【００８４】
本発明では、不適切なデザインと見本デザインとの特徴、すなわちチェック項目の対応を対応表として登録しておく。不適切なデザインと見本デザインとの内容は、１対１に対応するばかりではなく、多対１、１対多、多対多等、あらゆる組み合わせが考えられるため、それらの関係を記述した対応表を使って、不適切なデザインが抽出されたときに、良いデザインを提示するチェックツールを構成する。逆に、良いデザインから不適切なデザイン例を提示することも可能である。チェックツールを使い、良いデザインから不適切なデザイン例を提示することによって、アクセシビリティの考え方を学ぶことができる。つまり、良いデザイン方法とともに不適切なデザイン方法を知ることによって、アクセシビリティに配慮したデザインを学ぶことができる。すなわち、良いデザイン方法だけ知っていても、不適切なデザイン方法を知らなければ、応用が利かず、デザイナの教育のためには、良いデザイン例をチェックし、それに対応する不適切なデザイン例を提示することには意味がある。
【００８５】
ここで、実際のウェブサイトから見本デザインを選ぶ際に、１つの不適切なデザイン例に対し、複数の見本デザインが対応することも考えられる。
【００８６】
上記実施例において、上記修正の見本となるウェブページの部分は、ウェブページのソース（ウェブページの元）である。具体的には、ウェブページのソースとなるＨＴＭＬ文書、表現のスタイルを決めるためのスタイルシート、画像ファイル、動画ファイル、Java（登録商標）Scriptのファイルである。そして、上記ウェブページのソースが予め記憶されている。
【００８７】
また、上記実施例において、上記修正の見本となるウェブページの部分は、ウェブページのＵＲＬであるが、これに限定する必要はない。ＵＲＬはインターネット上の場所を指し示すが、対象とするウェブページはインターネット上にある必要はない。それがコンピュータにあれば、ＵＲＬでは表されず、たとえば、ＵＮＩＸ（登録商標）システムにおいて「/foo/var/hoge.txt」という記述は、ルートディレクトリにある「foo」というフォルダの中の「ver」というフォルダの中の「hoge.txt」というファイルを指す。ディレクトリまたはパスと呼ばれている。つまり、上記修正の見本となるウェブページの部分は、ファイルの位置を指し示すものである。
【００８８】
つまり、上記実施例は、ウェブページのアクセシビリティ上、不適切な表現の部分を、上記ウェブページから抽出するルールを、記憶装置に記憶する不適切表現抽出ルール記憶手段と、上記不適切表現抽出ルールに応じて、上記アクセシビリティを診断し、上記アクセシビリティ上の不適切な表現の部分を、上記ウェブページから抽出する不適切表現抽出手段と、上記アクセシビリティ上の不適切な表現の部分と上記不適切表現を修正する場合に見本となるウェブページの表現の部分とを対応付けて、記憶装置に記憶する対応付け記憶手段と、上記アクセシビリティ上の不適切な表現の部分について、上記対応して記憶されている修正の見本となるウェブページの表現の部分を提示する見本提示手段とを有することを特徴とする見本デザイン提示装置の例である。
【００８９】
この場合、上記修正の見本となるウェブページの部分は、ウェブページのソースであり、上記ウェブページのソースが予め記憶され、上記見本提示手段は、上記記憶されている内容を読み出して提示する手段である。
【００９０】
また、上記修正の見本となるウェブページの部分は、ファイルの位置を指し示すものであり、上記ファイルの位置を指し示すものが予め記憶され、上記見本提示手段は、上記記憶されている内容に従って、特定のウェブページの特定の部分を提示する手段である。
【００９１】
また、上記実施例を方法の発明として把握することができる。つまり、上記実施例は、ウェブページのアクセシビリティ上、不適切な表現の部分を、上記ウェブページから抽出するルールを、記憶装置に記憶する不適切表現抽出ルール記憶工程と、上記不適切表現抽出ルールに応じて、上記アクセシビリティを診断し、上記アクセシビリティ上の不適切な表現の部分を、上記ウェブページから抽出する不適切表現抽出工程と、上記アクセシビリティ上の不適切な表現の部分と上記不適切表現を修正する場合に見本となるウェブページの表現の部分とを対応付けて、記憶装置に記憶する対応付け記憶工程と、上記アクセシビリティ上の不適切な表現の部分について、上記対応して記憶されている修正の見本となるウェブページの表現の部分を提示する見本提示工程とを有することを特徴とする見本デザイン提示方法の例である。
【００９２】
さらに、上記実施例をプログラムの発明として把握することができる。つまり、上記実施例は、ウェブページのアクセシビリティ上、不適切な表現の部分を、上記ウェブページから抽出するルールを、記憶装置に記憶する不適切表現抽出ルール記憶手順と、上記不適切表現抽出ルールに応じて、上記アクセシビリティを診断し、上記アクセシビリティ上の不適切な表現の部分を、上記ウェブページから抽出する不適切表現抽出手順と、上記アクセシビリティ上の不適切な表現の部分と上記不適切表現を修正する場合に見本となるウェブページの表現の部分とを対応付けて、記憶装置に記憶する対応付け記憶手順と、上記アクセシビリティ上の不適切な表現の部分について、上記対応して記憶されている修正の見本となるウェブページの表現の部分を提示する見本提示手順とをコンピュータに実行させるプログラムの例である。
【図面の簡単な説明】
【００９３】
【図１】本発明の実施例１である見本デザイン提示装置１０を示すブロック図である。
【図２】見本デザイン提示装置１０の動作をサーバで実現する場合の動作を示すフローチャートである。
【図３】見本デザイン提示装置１０が表示するチェック結果画面の例を示す図である。
【図４】不適切なデザインの内容とその解説文との対応表を示す図である。
【図５】実施例１における見本デザイン提示装置１０が表示する解説画面の例を示す図である。
【図６】実施例１、２における見本デザイン提示装置１０の情報蓄積部に蓄積されている対応データを示す例である。
【図７】実施例１における見本デザイン提示装置１０が表示する見本デザイン表示画面の例を示す図である。
【図８】本発明の実施例２である見本デザイン提示装置２０を示す構成図である。
【図９】実施例１、２における見本デザイン提示装置１０の情報蓄積部に蓄積されている見本デザイン例データの例を示す図である。
【図１０】本発明の実施例３の動作を示すフローチャートである。
【図１１】実施例３において、見本デザイン提示装置１０が表示する見本デザイン表示画面の例を示す図である。
【図１２】本発明の実施例４において、見本デザイン提示装置１０の情報蓄積部に蓄積されている対応データの例を示す図である。
【図１３】本発明の実施例４の動作を説明する図である。
【図１４】見本デザイン例データを示す図である。
【図１５】実施例４において、見本デザイン提示装置１０が表示する見本デザイン表示画面の例を示す図である。
【符号の説明】
【００９４】
１０…見本デザイン提示装置、
１…送受信部、
２…制御部、
３…情報解析部、
４…情報蓄積部、
５…情報構成部、
２０…見出し抽出部、
２１…送受信部、
２２…制御部、
２３…情報解析部、
２４…情報構成部、
２５…情報蓄積部、
２６…情報入力部、
２７…情報出力部、
３０…ユーザ端末、
３１…送受信部、
３２…制御部、
３３…情報解析部、
３４…情報入力部、
３５…情報出力部。
【図１】
2008305356.tif 000003
【図２】
2008305356.tif 000004
【図３】
2008305356.tif 000005
【図４】
2008305356.tif 000006
【図５】
2008305356.tif 000007
【図６】
2008305356.tif 000008
【図７】
2008305356.tif 000009
【図８】
2008305356.tif 000010
【図９】
2008305356.tif 000011
【図１０】
2008305356.tif 000012
【図１１】
2008305356.tif 000013
【図１２】
2008305356.tif 000014
【図１３】
2008305356.tif 000015
【図１４】
2008305356.tif 000016
【図１５】
2008305356.tif 000017