JP2009070079A - Accessibility check simulation method and simulator - Google Patents
Accessibility check simulation method and simulator Download PDFInfo
- Publication number
- JP2009070079A JP2009070079A JP2007236905A JP2007236905A JP2009070079A JP 2009070079 A JP2009070079 A JP 2009070079A JP 2007236905 A JP2007236905 A JP 2007236905A JP 2007236905 A JP2007236905 A JP 2007236905A JP 2009070079 A JP2009070079 A JP 2009070079A
- Authority
- JP
- Japan
- Prior art keywords
- web page
- characteristic parameter
- failure characteristic
- unit
- conversion processing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Withdrawn
Links
Images
Landscapes
- Document Processing Apparatus (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
本発明は、アクセシビリティチェックシミュレーション方法及びシミュレータに係り、特に、WebアプリケーションやWebページに対する障害者によるアクセシビリティをチェックするために用いて好適なアクセシビリティチェックシミュレーション方法及びシミュレータに関する。 The present invention relates to an accessibility check simulation method and simulator, and more particularly to an accessibility check simulation method and simulator suitable for use in checking accessibility by a handicapped person to a Web application or Web page.
インターネットの発展に伴い、Webページを閲覧するユーザ数が増加している。Webページを閲覧するユーザの中には、視覚障害者や高齢者、身体障害者等(以下、障害者)が含まれ、Webページは障害者にも見やすいことが望まれる。見やすいWebページを作成するためには、障害者による情報へのアクセスのし易さ(アクセシビリティ)を向上させることが最重要となる。 With the development of the Internet, the number of users browsing web pages is increasing. The users who browse web pages include visually handicapped persons, elderly persons, physically handicapped persons and the like (hereinafter referred to as handicapped persons), and it is desirable that the web pages be easily viewable by handicapped persons. In order to create an easy-to-read Web page, it is most important to improve the accessibility (accessibility) of information to persons with disabilities.
アクセシビリティとは、「高齢者や障害者などハンディを持つ人々にとっても、どの程度利用しやすいか」ということを表すために利用されることが多い。W3C勧告の「Web Contents Accessibility Guideline 1.0(以下、WCAG1.0という)」には、どのようにするとアクセシビリティの高い、Webページを作成することができるかといったことが定義されている。 Accessibility is often used to express how easy it is for people with disabilities, such as the elderly and people with disabilities. The “Web Contents Accessibility Guideline 1.0 (hereinafter referred to as WCAG 1.0)” of the W3C recommendation defines how a Web page with high accessibility can be created.
Webページのアクセシビリティを向上させるために利用できる従来技術として、例えば、非特許文献1や非特許文献2に記載されているような、アクセシビリティチェッカーが知られている。これらの技術は、HTML(Hypertext Markup Language)で記述された文書を静的に解析して、WCAG1.0に基づき、アクセシビリティ上の問題点を検出することができるものである。
As a conventional technique that can be used to improve the accessibility of a Web page, for example, an accessibility checker as described in Non-Patent
また、他の従来技術として、例えば、特許文献1に記載された技術が知られている。この従来技術は、前述したアクセシビリティチェッカーで検出することのできない「Webページの色」を解析し、画面の見やすさを向上させることができるようにしたものである。そして、この従来技術は、色を解析するために、表示しているWebページを画像として表示し、その画像に対して画像処理を行い、画像の見やすさを色の観点で判断することができるようにしている。
前述で説明した従来技術によるWebページにおけるアクセシビリティチェックの技術は、以下に説明するような問題点を有している。 The technology for checking the accessibility of Web pages according to the prior art described above has the following problems.
すなわち、非特許文献1や非特許文献2に開示されているアクセシビリティチェッカーは、HTML文書の静的解析のみを行っているめ、HTMLタグの属性に必要な属性が存在しない、あるいは、アクセシビリティの観点で推奨される属性が存在しない等の問題については検出することができるが、文字や画像の色がアクセシビリティ上の観点で問題がある等と言った点を検出することができないという問題点を有している。
That is, since the accessibility checker disclosed in
また、特許文献1に開示されている従来技術は、Webページを画像として処理するため、実際にWebページを操作することができず、そのため、障害者にとっての操作上の問題点を検出することができないという問題点を有している。
In addition, since the prior art disclosed in
本発明の目的は、前述した従来技術の問題点を解決し、チェック対象のWebページに対して、本発明による変換処理を行ったWebページを表示することにより、障害者の立場からWebページを閲覧し、操作することを可能とし、アクセシビリティ上の問題点の検出を容易とするアクセシビリティチェックシミュレーション方法及びシミュレータを提供することにある。 The object of the present invention is to solve the above-mentioned problems of the prior art and display a Web page that has been subjected to the conversion processing according to the present invention for the Web page to be checked. An object of the present invention is to provide an accessibility check simulation method and a simulator that can be browsed and operated and easily detect accessibility problems.
本発明によれば前記目的は、障害者によるWebページへのアクセシビリティをチェックするアクセシビリティチェックシミュレーション方法において、コンピュータシステム内に、障害者が持つ各症状をモデル化した障害特性パラメータを格納する障害特性パラメータ格納部と、障害特性パラメータを使用してWebページの変換を行うWebページ変換処理部と、変更結果出力部とを備え、前記障害特性パラメータ格納部には、ユーザにより作成された外部定義ファイル内から選択された障害特性パラメータが格納されており、前記Webページ変換処理部は、入力として与えられたWebページの内容を、前記障害特性パラメータ格納部内の障害特性パラメータを用いてページ変換を行い、前記変更結果出力部は、前記Webページ変換処理部によってページ変換されたWebページ、HTML文書を出力することにより達成される。 According to the present invention, an object of the present invention is to provide an accessibility check simulation method for checking accessibility to a Web page by a disabled person, and storing a failure characteristic parameter that models each symptom of the disabled person in a computer system. A storage unit, a Web page conversion processing unit that converts a Web page using a failure characteristic parameter, and a change result output unit. The failure characteristic parameter storage unit includes an external definition file created by a user The failure characteristic parameter selected from the above is stored, and the Web page conversion processing unit performs page conversion on the content of the Web page given as input using the failure property parameter in the failure property parameter storage unit, The change result output unit includes the Web page modification unit. Pages converted Web page by the processing unit, is achieved by outputting an HTML document.
また、前記目的は、障害者によるWebページへのアクセシビリティをチェックするアクセシビリティチェックシミュレーション方法において、コンピュータシステム内に、障害者が持つ各症状をモデル化した障害特性パラメータを格納する障害特性パラメータ格納部と、障害特性パラメータを使用してWebページの変換を行うWebページ変換処理部と、変換されたWebページ内の構成要素を個別に変換するコンテンツ操作部と、変更結果出力部とを備え、前記障害特性パラメータ格納部には、ユーザにより作成された外部定義ファイル内から選択された障害特性パラメータが格納されており、前記Webページ変換処理部は、入力として与えられたWebページの内容を、前記障害特性パラメータ格納部内の障害特性パラメータを用いてページ変換を行い、前記コンテンツ操作部は、ページ変換されたWebページ内に含まれる構成要素に対する変換処理を選択して、操作対象となる構成要素に対する項目の表示スタイルの変更を行い、前記変更結果出力部は、前記Webページ変換処理部、または、前記コンテンツ操作部によって変換されたWebページ、HTML文書を出力することにより達成される。 In addition, in the accessibility check simulation method for checking accessibility to a Web page by a disabled person, the object is to provide a failure characteristic parameter storage unit that stores a failure characteristic parameter that models each symptom of the disabled person in a computer system. And a Web page conversion processing unit that converts a Web page using a failure characteristic parameter, a content operation unit that individually converts components in the converted Web page, and a change result output unit, The characteristic parameter storage unit stores a failure characteristic parameter selected from the external definition file created by the user, and the Web page conversion processing unit converts the content of the Web page given as an input into the fault Use fault characteristic parameters in characteristic parameter storage The content operation unit selects a conversion process for a component included in the page-converted Web page, changes an item display style for the component to be operated, and changes the change. The result output unit is achieved by outputting the Web page or HTML document converted by the Web page conversion processing unit or the content operation unit.
本発明によれば、視覚障害者や高齢者、身体障害者が持つ各症状をモデル化したパラメータによって変換したWebページの表示内容を、実際に操作することができ、モデル化したパラメータに対応したアクセシビリティの観点で問題がないかを確認することができる。 According to the present invention, it is possible to actually manipulate the display contents of a Web page converted by parameters modeling each symptom of a visually impaired person, an elderly person, or a physically disabled person, and correspond to the modeled parameters. Can check if there is no problem in terms of accessibility.
以下、本発明によるアクセシビリティチェックシミュレーション方法及びシミュレータの実施形態を図面により詳細に説明する。 Embodiments of an accessibility check simulation method and a simulator according to the present invention will be described below in detail with reference to the drawings.
図1は本発明の一実施形態によるアクセシビリティチェックシミュレータの構成を示すブロック図である。 FIG. 1 is a block diagram showing a configuration of an accessibility check simulator according to an embodiment of the present invention.
本発明の実施形態によるアクセシビリティチェックシミュレータは、ネットワーク3により接続されたWebサーバ2とクライアント1とにより実現される。Webサーバ2は、本発明による実施形態でのチェック対象となるWebページ、または、Webアプリケーションを保存しているコンピュータ(計算機)システムである。また、クライアント1は、演算装置であるCPU(Central Processing Unit:中央処理装置)4と、メインメモリ6と、ハードディスク5とを備えて構成されたPC等によるコンピュータ(計算機)システムであり、表示装置7、キーボード/マウス8が接続されている。
An accessibility check simulator according to an embodiment of the present invention is realized by a
ハードディスク5には、本発明で使用する障害特性パラメータ格納部9と、ユーザが外部から障害特性パラメータを指定するための外部定義ファイル63とが格納されている。また、クライアント1は、ブラウザ10を備えており、ブラウザ10から本発明の実施形態によるシミュレータ装置11を使用することができる。本発明の実施形態におけるシミュレータ装置11は、ブラウザ10の拡張機能として組み込まれたものであり、ページ変換部12、コンテンツ操作部13、変更結果出力部29により構成され、表示するWebページに対して、ページ変換操作、コンテンツ操作、変更結果の表示を行うものである。そして、ページ変換部12は、ページ変換操作を実行し、コンテンツ操作部13は、コンテンツ操作部を実行する。また、変更結果出力部29は、変更結果の表示を実行する。
The
前述において、シミュレータ装置11及び該シミュレータ装置に組み込まれたページ変換部12、コンテンツ操作部13、変更結果出力部29は、プログラムとして構成されてハードディスク5内に格納されていて、メインメモリ6にロードされ、同様にハードディスク5からメインメモリ6にロードされた図示しないOSの下で、CPU4により実行されることにより、それぞれの機能が構築されるものである。
In the above description, the
図2はシミュレータ装置11の実行画面の例を示す図である。ブラウザ10の拡張機能としてのシミュレータ装置11の実行が開始されると、図2に示すように、Webアプリケーション14の画面が表示されると共に、拡張機能として導入されたシミュレータメニュー64が表示される。画面に表示されたシミュレータメニュー64には、3つの操作として、「編集メニュー」15、「ツールメニュー」16、「ヘルプメニュー」17が備えられる。
FIG. 2 is a diagram illustrating an example of an execution screen of the
図3はブラウザ10に拡張機能として導入されて画面に表示されたシミュレータメニュー64の全てを展開して示した図である。前述したように、シミュレータメニュー64内は、3つのメニューとして、「編集メニュー」15、「ツールメニュー」16、「ヘルプメニュー」17を持つ。各メニューは、それぞれサブメニューを持つ。
FIG. 3 is an expanded view of the
図3に示すように、「編集メニュー」15は、「パラメータ選択」18、「変換処理実行」19、「変換処理終了」20の3つのサブメニューを持つ。 As shown in FIG. 3, the “edit menu” 15 has three submenus of “parameter selection” 18, “conversion processing execution” 19, and “conversion processing end” 20.
「編集メニュー」15の「パラメータ選択」18は、ハードディスク5にある障害特性パラメータ格納部9、あるいは、ハードディスク5の図示しない領域にあるその他のファイルから障害特性パラメータを読み取って障害特性パラメータの選択を行うものである。また、「編集メニュー15」の「変換処理実行」19は、選択された障害特性パラメータに従い、表示しているWebページの変換を実行するものであり、もし、パラメータが選択されていない場合、以前に実行したパラメータを利用して変換処理を実行し、以前に実行したパラメータも存在しない場合、「パラメータ選択」18を実行させる。「編集メニュー」15の「変換処理終了」20は、変換を実行していたWebページを元に戻す(変換処理を実行する前の状態に戻す)処理を行う。
The “parameter selection” 18 of the “edit menu” 15 reads the failure characteristic parameter from the failure characteristic
「ツールメニュー」16は、「HTMLを見る」21、「変換ツール」22の2つのサブメニューを持つ。 The “tool menu” 16 has two sub-menus “view HTML” 21 and “conversion tool” 22.
「ツールメニュー」16の「HTMLを見る」21は、表示しているWebページのHTMLをテキストエディタにより表示する機能であり、このとき表示されるHTMLの内容は、変換処理を実行した後のものとなる。テキストエディタとしては、クライアント1が持つテキストエディタを利用することができる。「ツールメニュー」16の「変換ツール」22は、Webページにある個別の要素に対して、変換処理を実行したい場合に利用する変換処理用画面を表示する。
“View HTML” 21 of the “Tool menu” 16 is a function for displaying the HTML of the displayed Web page with a text editor. The content of the HTML displayed at this time is the one after the conversion processing is executed. It becomes. As the text editor, the text editor of the
「ヘルプメニュー」17は、「ヘルプを見る」23、「バージョン情報」24の2つのサブメニューを持つ。 The “help menu” 17 has two sub-menus “view help” 23 and “version information” 24.
「ヘルプメニュー」17の「ヘルプを見る」23は、本発明の実施形態により画面に表示されるシミュレータメニュー64の操作方法を記述したHTML文書を表示する。このHTML文書は、本発明の実施形態によるシミュレータ装置11を導入したときに同時にハードディスク5に保存される。「ヘルプメニュー」17の「バージョン情報」24は、本発明の実施形態によるシミュレータ装置11のバージョンを表示する。
The “view help” 23 of the “help menu” 17 displays an HTML document describing the operation method of the
図4はユーザの操作とシミュレータ装置11の処理動作とを説明する図であり、次に、これについて説明する。なお、ブラウザ10には、本発明の実施形態によるシミュレータ装置11が導入済みであるとする。
FIG. 4 is a diagram for explaining a user operation and a processing operation of the
まず、ブラウザ10は、ブラウザ10上にWebページ14を表示する(ステップ401)。ページ変換部12は、表示されたWebページ14に対して、図3に示して説明したシミュレータメニュー64の「編集メニュー」15から「変換処理実行」19を選択して、変換処理を実行する(ステップ403)。この変換処理の実行に際して、ページ変換部12は、図1に示して説明したハードディスク5に保存された障害特性パラメータ格納部9、あるいは、外部定義ファイル63と接続して、障害特性パラメータを取得し(ステップ402)、取得した障害特性パラメータに応じたページ変換処理を実行する。
First, the
前述の処理で変換処理が施されたWebページは、ブラウザ10上にWebページ14’として表示され、ユーザは、変換処理を実行したWebページ14’に対して、ページ操作を行う(ステップ404)。このページ操作を行うことにより、ユーザは、アクセシビリティ上の観点での問題点があるか否かの確認を行うことができる。
The Web page subjected to the conversion process in the above-described process is displayed as the Web page 14 ′ on the
この確認の結果、アクセシビリティ上の観点での問題点があるか否かを判定し(ステップ405)、問題点がなかった場合、ユーザは、アクセシビリティ上の観点での確認を終了するか、あるいは、Webページ14として別ページを表示して、変換処理を再度実行する処理を繰り返す。また、前述の判定で、ユーザの操作により問題点が検出された場合、ユーザは、「変換ツール」22を利用して、表示中のWebページ14にある個別のコンテンツに対して、コンテンツ変換処理をコンテンツ操作部13に実行させる。コンテンツ操作部13は、ユーザにより選択された項目の表示スタイルを変更することができ、このコンテンツ操作部13による変換処理が施されたWebページは、ブラウザ10上にWebページ27として表示され、ユーザは、この変換処理を実行したWebページ27に対して操作を実行する(ステップ406)。この操作を行うことにより、ユーザは、さらにアクセシビリティ上の観点での問題点があるか否かの確認を行うことができる。
As a result of this confirmation, it is determined whether or not there is a problem in accessibility (step 405). If there is no problem, the user ends confirmation from the accessibility viewpoint, Another page is displayed as the Web page 14, and the process of executing the conversion process again is repeated. If a problem is detected by the user's operation in the above-described determination, the user uses the “conversion tool” 22 to perform content conversion processing on individual content on the Web page 14 being displayed. Is executed by the content operation unit 13. The content operation unit 13 can change the display style of the item selected by the user, and the Web page subjected to the conversion process by the content operation unit 13 is displayed on the
この確認の結果、アクセシビリティ上の観点での問題点があるか否かを判定し(ステップ407)、問題点がなかった場合、変更結果出力部29により結果のHTML文書と表示スタイルとを出力する。その後、ユーザは、別ページを表示して、同様にアクセシビリティ上の観点でのテストを実施するか、操作を終了し、変更結果出力部29で得られた結果をもとに、Webページ14の修正を実施する。ステップ406でのユーザ操作により、コンテンツを変更しても問題がある場合、コンテンツ操作部13にコンテンツの変換操作を再度実施させて処理を繰り返す。
As a result of this confirmation, it is determined whether there is a problem in accessibility (step 407). If there is no problem, the change
図5はページ変換部12の構成と動作とを説明する図である。ページ変換部12は、データ取得部30と、変換処理部31と、変換結果表示部32とにより構成されており、表示されているWebページを入力として処理を行う。
FIG. 5 is a diagram for explaining the configuration and operation of the page conversion unit 12. The page conversion unit 12 includes a
まず、データ取得部30は、障害特性パラメータ取得処理を実行する。この障害特性パラメータ取得処理は、ユーザが選択した障害特性パラメータの情報に従い、障害特性パラメータ格納部9からパラメータ情報を取得する。次に、変換処理部31が、前述の処理で取得したパラメータ情報に含まれる変換処理用の後述するメソッドリストに含まれる処理を全て実行することによりWebページの変換を実行する。最後に、変換結果表示部32は、変換結果のHTMLをWebブラウザに表示することにより、Webページの変換を行う。
First, the
図6は障害特性パラメータ格納部9に保存される障害特性パラメータテーブルの構成を示す図である。障害特性パラメータ格納部9に保持されているテーブルの情報には、症状33と、その詳細な説明34と、その症状を持つ障害者の立場から閲覧したと同一の現象を実現するためのメソッドを記述した変換メソッドリスト35とが格納されている。
FIG. 6 is a diagram showing a configuration of a failure characteristic parameter table stored in the failure characteristic
図5により説明した変換処理部31は、変換メソッドリスト35を実行することにより変換処理を実行する。例えば、変換メソッドリスト35に含まれる項目36には、ChangeColor とReadContentsという変換メソッドが指定されている。ChangeColor メソッドは、引数と指定された色に画面を変更するメソッドとして定義されている。また、ReadContentsメソッドは、表示中のページを音声読み上げするメソッドである。変換メソッドリスト35に含まれる項目36の例では、ChangeColor メソッドの引数に黒色が指定されており、画面の色を黒にした後で音声読み上げを実行する。これにより、表示している文字を見ることのできない障害を有するユーザが閲覧したと同等の状態を再現して、Webページを操作することができる。
The conversion processing unit 31 described with reference to FIG. 5 executes the conversion process by executing the conversion method list 35. For example, the
同様に、変換メソッドリスト35に含まれる項目37の例では、ChangeFontSizeメソッドを指定している。ChangeFontSizeメソッドは、Webページの文字の大きさを引数に指定された数値の大きさの文字に変換するメソッドとして定義されている。これにより、小さい文字を読むことができない障害を有するユーザが閲覧したと同等の状態を再現して、Webページを操作することができる。
Similarly, in the example of the
また、変換メソッドリスト35に含まれる項目38の例では、ApplyFilterImageメソッドを指定している。このメソッドは、画面全体に引数に指定した色を持つ透過フィルタをWebページ全体にかける処理を行うメソッドであり、この項目38のメソッドでは、黄色の透明なフィルタを実行することにより、黄色を判別しにくい障害を有するユーザを想定した操作を実行することができる。
In the example of the
さらに、変換メソッドリスト35に含まれる項目39の例では、MeasureMouseMovementメソッドを指定している。このMeasureMouseMovementメソッドは、マウスの移動距離を測定し、実際の移動距離よりも少ない移動になるための処理を記述したメソッドである。このメソッドを実行することにより、マウスの操作が不自由なユーザを再現することができる。これらの障害特性パラメータは、単独で用いてもよいし、複数の障害特性パラメータを指定することもできる。
Further, in the example of the
図7は障害特性パラメータを外部から指定する方法を説明する図である。ユーザは、図1に示したハードディスク5に保存された外部定義ファイル63として、図7に示すような内容を記述したXML(Extensible Markup Language)ファイルを作成し、図3により説明したサブメニューの「パラメータ選択」18からこのファイルを選択する。前述したXMLファイルの中で、Disorderタグには、図6で説明した症状33を入力する。また、Description タグには、図6で説明した症状の説明34を入力する。MethodListタグには、図6で説明した変換メソッドリスト35を入力する。
FIG. 7 is a diagram for explaining a method for designating a failure characteristic parameter from the outside. The user creates an XML (Extensible Markup Language) file describing the contents as shown in FIG. 7 as the
図8はページ変換部12での処理動作を説明するフローチャートであり、次に、これについて説明する。 FIG. 8 is a flowchart for explaining the processing operation in the page conversion unit 12, which will be described next.
(1)まず、入力としてのWebページが表示されていることとし、このとき、図3に示して説明したメニューの「パラメータ選択」18から障害特性パラメータが指定されているか否かの判定を行う(ステップ801)。 (1) First, it is assumed that a Web page as an input is displayed, and at this time, it is determined whether or not a failure characteristic parameter is designated from “parameter selection” 18 of the menu described with reference to FIG. (Step 801).
(2)ステップ801の判定で、障害特性パラメータが指定されていなかった場合、障害特性パラメータ選択処理を実行し、この処理で、図3で説明したメニューの「パラメータ選択」18の処理と同様の処理を実行してパラメータを選択取得する(ステップ802)。
(2) If the failure characteristic parameter is not specified in the determination in
(3)ステップ801の判定で、障害特性パラメータが指定済みであった場合、あるいは、ステップ802の処理でパラメータを取得した後、ハードディスク5に保存されている障害特性パラメータ格納部9、あるいは、外部定義ファイル63からパラメータ情報を取得する処理を実行する(ステップ803)。
(3) If the fault characteristic parameter has already been specified in the determination in
(4)ステップ803の処理で、パラメータ情報が取得できたか否かを判定し、パラメータ情報が取得できなかった場合、エラーを出力する(ステップ804、805)。
(4) In the process of step 803, it is determined whether or not parameter information has been acquired. If parameter information has not been acquired, an error is output (
(5)ステップ804の判定で、パラメータ情報が取得できていた場合、取得したパラメータ情報に含まれている変換処理用のメソッドを実行し、実行の結果エラーが発生したか否かを判定する(ステップ806、807)。
(5) If the parameter information has been acquired in the determination of
(6)ステップ807の判定で、変換処理用のメソッドを実行した際にエラーが発生した場合、エラーを出力し、また、エラーが発生しなかった場合、画面に変換後のWebページを表示する(ステップ808、809)。
(6) If an error occurs when the conversion processing method is executed in
図9はコンテンツ操作部13の処理で使用する画面の例を示す図である。図9に示す画面は、図3に示して説明したサブメニューの「変換ツール」22を選択して、変換処理用画面47を新規画面として表示しているものである。変換処理用画面47は、要素の選択部49と変換処理の選択部50と、適用ボタン51と、キャンセルボタン52とを備えている。
FIG. 9 is a diagram illustrating an example of a screen used in the processing of the content operation unit 13. The screen shown in FIG. 9 is obtained by selecting the “conversion tool” 22 in the submenu described with reference to FIG. 3 and displaying the
要素の選択部49は、選択開始用のボタンと選択結果を表示するための領域とにより構成される。選択開始用のボタンを押すと、変換対象画面48から、変更したい要素を選択できるようになる。マウスの移動に伴い、要素が赤枠で囲まれることにより、視覚的に項目を選択することができる。また、項目の選択は、マウスクリックにより行うことができる。マウスクリックが実行された場合、対象とする項目の識別子が、変換処理画面47の要素の選択部49に含まれる選択結果を表示するための領域に表示される。
The
また、変換処理の選択部50では、要素の選択部49で選択した要素に対して行う表示スタイルの変更方法を選択することができる。変換処理の選択部50のリストに列挙された変換方法の中から1つを選択して、要素の選択部49で選択した要素の表示スタイルを変更する。変更を実施する場合、適用ボタン51を利用する。また、変更をやめる場合は、キャンセルボタン52を使用することができる。
Also, the conversion
図10はコンテンツ操作部13の構成と動作とを説明する図である。コンテンツ操作部13は、変換コンテンツ選択部53と、変換操作選択部54と、コンテンツ操作適用部55とから構成される。そして、図3に示すメニューから「変換ツール」22を選択して、変換処理用画面47が表示済みであるとする。
FIG. 10 is a diagram illustrating the configuration and operation of the content operation unit 13. The content operation unit 13 includes a conversion content selection unit 53, a conversion operation selection unit 54, and a content
まず、変換コンテンツ選択部53は、表示スタイルを変更する要素を選択する。すなわち、変換コンテンツ選択部53は、変換処理用画面47に含まれる要素の選択部49をキーボード/マウスにより選択して、図9に示す変換対象画面48の中から要素の選択をユーザに実行させる。要素の選択は、マウスカーソルにより変更したい要素を選択することにより行うことができる。
First, the converted content selection unit 53 selects an element whose display style is to be changed. That is, the conversion content selection unit 53 uses the keyboard / mouse to select the
選択された要素に対して、スタイルの変更処理を実行する変換操作選択部54は、変換処理用画面47に備える変換処理の選択部50のリストから、ユーザに変換処理を選択させる。変換処理の選択部50のリストには、色を変更する、文字のサイズを変更する、サイズを大きくする等の処理が列挙されており、コンテンツ操作部13は、選択された内容の処理を実行する。
The conversion operation selection unit 54 that executes the style change process on the selected element causes the user to select the conversion process from the list of the conversion
また、要素の選択部49と変換処理の選択部50とで決定した要素と処理とを実行するためのコンテンツ操作適用部55は、適用ボタン51が実行されたときに処理を開始し、要素の選択部49で選択した要素に対して、変換処理の選択部50で選択した処理を実行する。例えば、変換処理用画面47の要素の選択部49での処理を実行して、図9に示す変換対象画面48にあるボタンを選択し、次に、変換処理用画面47にある変換処理の選択部50のリストから、サイズを大きくするを選択し、最後に、変換処理用画面47にある適用ボタン51を実行することにより、要素の選択部49で選択した変換対象画面48内のボタンを大きく表示させることができる。また、変換処理を実行しない場合、変換処理用画面47に備えられるキャンセルボタン52を実行することにより、コンテンツ操作部の処理を終了させることができる。
In addition, the content
図11はコンテンツ操作部13での処理動作を説明するフローチャートであり、次に、これについて説明する。ここでの処理は、図3に示すメニューから「変換ツール」22を選択し、図9に示す変換処理用画面47が表示されているものとして開始される。
FIG. 11 is a flowchart for explaining the processing operation in the content operation unit 13, which will be described next. The processing here is started assuming that the “conversion tool” 22 is selected from the menu shown in FIG. 3 and the
(1)まず、図9に示す変換処理用画面47から要素の選択部49を利用して、要素の選択を実行する。要素の選択は、図9に示す変換対象画面48の中から行う。要素の選択には、図9に示す変換対象画面48の要素をマウスで選択することにより、変換処理用画面47の要素の選択部49にその要素の識別子が入力される(ステップ1101)。
(1) First, element selection is executed using the
(2)次に、変換操作の選択を行う。この変換操作の選択は、図9に示す変換対象画面48に含まれる変換処理の選択部50のリストから実行する変換処理を選択する処理である(ステップ1102)。
(2) Next, the conversion operation is selected. The selection of the conversion operation is a process of selecting a conversion process to be executed from the list of the conversion
(3)その後、図9に示す変換処理用画面47に含まれる適用ボタン51を押して、コンテンツ操作部13での変換処理の実行を開始させるが、ここで、図9に示す変換処理用画面47に未入力項目があるか否かを判定する(ステップ1103、1104)。
(3) Thereafter, the
(4)ステップ1104の判定で、未入力項目があった場合、エラーを出力して、未入力項目を赤枠で囲む。ユーザは、未入力項目を入力して、ステップ1103からの処理に戻って、図9に示す変換処理用画面47に備えられる適用ボタンを実行する(ステップ1105、1106)。
(4) If there is an uninput item in the determination in step 1104, an error is output and the uninput item is enclosed in a red frame. The user inputs a non-input item, returns to the processing from
(5)ステップ1104の判定で、未入力項目がなく、エラーも発生していなかった場合、図9に示す変換処理用画面の要素の選択部49で選択された要素に対して、変換処理の選択部50で選択された処理を実行し、最後に、変換された結果を図9に示す変換対象画面48に表示して、ここでの処理を終了する(ステップ1107、1108)。
(5) If it is determined in step 1104 that there are no uninput items and no error has occurred, the conversion process is performed on the element selected by the
前述した本発明の実施形態は、Webページのアクセシビリティを確認するために、視覚障害者や高齢者、身体障害者が持つ各症状の特性をパラメータとして扱うことにより、障害者と同様の環境を再現して、Webページを操作することを可能にするアクセシビリティチェックシミュレータについて説明したものである。 The above-described embodiment of the present invention reproduces an environment similar to that of a disabled person by treating the characteristics of each symptom of visually impaired persons, elderly persons, and physically disabled persons as parameters in order to check the accessibility of Web pages. Thus, an accessibility check simulator that makes it possible to operate a Web page is described.
このような本発明の実施形態は、Webアプリケーション開発時において、作成するWebページのアクセシビリティを向上させるために用いることができる。開発計画時に、作成するWebページのモックアップを予め作成して、本発明の実施形態におけるアクセシビリティチェックを実行することにより、開発後に問題点を修正する作業を削減することができる。 Such an embodiment of the present invention can be used to improve the accessibility of a Web page to be created during Web application development. By creating in advance a mockup of a Web page to be created at the time of development planning and executing an accessibility check in the embodiment of the present invention, it is possible to reduce work for correcting problems after development.
また、前述した本発明の実施形態によれば、表示しているWebページの構成要素について、その表示スタイルを動的に変更することができるため、Webページのモックアップ作成に利用することもできる。 Further, according to the above-described embodiment of the present invention, the display style of the constituent elements of the displayed Web page can be dynamically changed, so that it can also be used for creating a Web page mockup. .
以上説明した本発明の実施形態によれば、視覚障害者や高齢者、身体障害者が持つ各症状をモデル化したパラメータによって変換したWebページの表示内容を、実際に操作することにより、モデル化したパラメータに対応したアクセシビリティの観点で問題がないかを確認することができ、また、表示結果をさらに動的に変更しながら、解決策をシミュレートすることができる。また、結果をスタイルとして外部に出力することができる。 According to the embodiment of the present invention described above, modeling is performed by actually manipulating the display contents of the Web page converted by the parameters obtained by modeling each symptom of the visually impaired, the elderly, and the physically disabled. It is possible to confirm whether there is no problem from the viewpoint of accessibility corresponding to the selected parameter, and it is possible to simulate the solution while changing the display result more dynamically. In addition, the result can be output to the outside as a style.
また、本発明の実施形態によれば、障害特性パラメータを交換することにより、様々な視覚障害者や高齢者、身体障害者といったユーザの立場からWebアプリケーションを操作でき、操作上の問題点を確認することもできる。 Further, according to the embodiment of the present invention, by exchanging the obstacle characteristic parameters, it is possible to operate the Web application from the standpoint of users such as various visually impaired persons, elderly persons, and physically disabled persons, and confirm operational problems You can also
1 クライアント
2 Webサーバ
3 ネットワーク
4 CPU
5 ハードディスク
6 メインメモリ
7 表示装置
8 キーボード/マウス
9 障害特性パラメータ格納部
10 ブラウザ
11 シミュレータ装置
12 ページ変換部
13 コンテンツ操作部
14 Webページ
29 変更結果出力部
30 データ取得部
31 変換処理部
32 変換結果表示部
47 変換処理用画面
48 変換対象画面
53 変換コンテンツ選択部
54 変換操作選択部
55 コンテンツ操作適用部
63 外部定義ファイル
1
DESCRIPTION OF
Claims (9)
コンピュータシステム内に、障害者が持つ各症状をモデル化した障害特性パラメータを格納する障害特性パラメータ格納部と、障害特性パラメータを使用してWebページの変換を行うWebページ変換処理部と、変更結果出力部とを備え、
前記障害特性パラメータ格納部には、ユーザにより作成された外部定義ファイル内から選択された障害特性パラメータが格納されており、
前記Webページ変換処理部は、入力として与えられたWebページの内容を、前記障害特性パラメータ格納部内の障害特性パラメータを用いてページ変換を行い、
前記変更結果出力部は、前記Webページ変換処理部によってページ変換されたWebページ、HTML文書を出力することを特徴とするアクセシビリティチェックシミュレーション方法。 In an accessibility check simulation method for checking accessibility to web pages by persons with disabilities,
In the computer system, a failure characteristic parameter storage unit that stores a failure characteristic parameter that models each symptom of a disabled person, a Web page conversion processing unit that converts a Web page using the failure characteristic parameter, and a change result An output unit,
The failure characteristic parameter storage unit stores a failure characteristic parameter selected from the external definition file created by the user,
The web page conversion processing unit performs page conversion on the content of the web page given as input using the failure characteristic parameter in the failure characteristic parameter storage unit,
The accessibility check simulation method, wherein the change result output unit outputs a Web page or an HTML document that has been page-converted by the Web page conversion processing unit.
コンピュータシステム内に、障害者が持つ各症状をモデル化した障害特性パラメータを格納する障害特性パラメータ格納部と、障害特性パラメータを使用してWebページの変換を行うWebページ変換処理部と、変換されたWebページ内の構成要素を個別に変換するコンテンツ操作部と、変更結果出力部とを備え、
前記障害特性パラメータ格納部には、ユーザにより作成された外部定義ファイル内から選択された障害特性パラメータが格納されており、
前記Webページ変換処理部は、入力として与えられたWebページの内容を、前記障害特性パラメータ格納部内の障害特性パラメータを用いてページ変換を行い、
前記コンテンツ操作部は、ページ変換されたWebページ内に含まれる構成要素に対する変換処理を選択して、操作対象となる構成要素に対する項目の表示スタイルの変更を行い、
前記変更結果出力部は、前記Webページ変換処理部、または、前記コンテンツ操作部によって変換されたWebページ、HTML文書を出力することを特徴とするアクセシビリティチェックシミュレーション方法。 In an accessibility check simulation method for checking accessibility to web pages by persons with disabilities,
In the computer system, a failure characteristic parameter storage unit that stores a failure characteristic parameter that models each symptom of a disabled person, and a Web page conversion processing unit that converts a Web page using the failure characteristic parameter are converted. A content operation unit for individually converting components in the Web page and a change result output unit,
The failure characteristic parameter storage unit stores a failure characteristic parameter selected from the external definition file created by the user,
The web page conversion processing unit performs page conversion on the content of the web page given as input using the failure characteristic parameter in the failure characteristic parameter storage unit,
The content operation unit selects a conversion process for a component included in the Web page subjected to page conversion, changes a display style of an item for the component to be operated,
The accessibility check simulation method, wherein the change result output unit outputs a Web page or an HTML document converted by the Web page conversion processing unit or the content operation unit.
前記Webページ変換処理部は、前記障害特性パラメータ格納部から1または複数の障害特性パラメータを選択し、選択した障害特性パラメータを用いてページ変換を行うことを特徴とするアクセシビリティチェックシミュレーション方法。 The accessibility check simulation method according to claim 1 or 2,
The accessibility check simulation method, wherein the Web page conversion processing unit selects one or a plurality of failure characteristic parameters from the failure characteristic parameter storage unit, and performs page conversion using the selected failure characteristic parameters.
前記障害特性パラメータは、障害の症状と、その症状を持つ障害者の立場から閲覧したと同一の現象を生じさせる変換処理であるメソッドとにより構成されることを特徴とするアクセシビリティチェックシミュレーション方法。 The accessibility check simulation method according to claim 1 or 2,
The accessibility check simulation method, wherein the obstacle characteristic parameter includes a symptom of a disorder and a method that is a conversion process that causes the same phenomenon as viewed from a disabled person having the symptom.
前記変換処理を含む障害特性パラメータは、ユーザにより定義されて入力されることを特徴とするアクセシビリティチェックシミュレーション方法。 The accessibility check simulation method according to claim 5,
The accessibility check simulation method, wherein the failure characteristic parameter including the conversion process is defined and input by a user.
コンピュータシステム内に、障害者が持つ各症状をモデル化した障害特性パラメータを格納する障害特性パラメータ格納部と、障害特性パラメータを使用してWebページの変換を行うWebページ変換処理部と、変更結果出力部とを備え、
換を行うWebページ変換処理部と、変更結果出力部とを備え、
前記障害特性パラメータ格納部には、ユーザにより作成された外部定義ファイル内から選択された障害特性パラメータが格納されており、
前記Webページ変換処理部は、前記障害特性パラメータ格納部から障害特性パラメータを取得するデータ取得部と、障害特設パラメータに従いWebページを変換するための変換処理部とを有し、入力として与えられたWebページの内容を、取得した前記障害特性パラメータを用いてページ変換を行い、
前記変更結果出力部は、前記Webページ変換処理部によってページ変換されたWebページ、HTML文書を出力することを特徴とするアクセシビリティチェックシミュレータ。 In an accessibility check simulator that checks accessibility to web pages by people with disabilities,
In the computer system, a failure characteristic parameter storage unit that stores a failure characteristic parameter that models each symptom of a disabled person, a Web page conversion processing unit that converts a Web page using the failure characteristic parameter, and a change result An output unit,
A web page conversion processing unit that performs conversion, and a change result output unit,
The failure characteristic parameter storage unit stores a failure characteristic parameter selected from the external definition file created by the user,
The Web page conversion processing unit includes a data acquisition unit that acquires a failure characteristic parameter from the failure characteristic parameter storage unit, and a conversion processing unit that converts a Web page according to a failure special parameter, and is given as an input Web page contents are converted using the acquired failure characteristic parameters,
The accessibility check simulator, wherein the change result output unit outputs a Web page and an HTML document that have been page-converted by the Web page conversion processing unit.
前記Webページ変換処理部と、変更結果出力部とは、シミュレータ装置を構成し、ブラウザの拡張機能として組み込まれていることを特徴とするアクセシビリティチェックシミュレータ。 In the accessibility check simulator according to claim 6,
The Web page conversion processing unit and the change result output unit constitute a simulator device and are incorporated as an extended function of a browser.
コンピュータシステム内に、障害者が持つ各症状をモデル化した障害特性パラメータを格納する障害特性パラメータ格納部と、障害特性パラメータを使用してWebページの変換を行うWebページ変換処理部と、変換されたWebページ内の構成要素を個別に変換するコンテンツ操作部と、変更結果出力部とを備え、
前記障害特性パラメータ格納部には、ユーザにより作成された外部定義ファイル内から選択された障害特性パラメータが格納されており、
前記Webページ変換処理部は、前記障害特性パラメータ格納部から障害特性パラメータを取得するデータ取得部と、障害特設パラメータに従いWebページを変換するための変換処理部とを有し、入力として与えられたWebページの内容を、取得した前記障害特性パラメータを用いてページ変換を行い、
前記コンテンツ操作部は、Webページ内に含まれる構成要素を選択する操作対象選択部と、操作対象となる構成要素に対する処理を選択する処理選択部とを有し、ページ変換されたWebページ内に含まれる構成要素に対する変換処理を選択して、操作対象となる構成要素に対する項目の表示スタイルの変更を行い、
前記変更結果出力部は、前記Webページ変換処理部、または、前記コンテンツ操作部によって変換されたWebページ、HTML文書を出力することを特徴とするアクセシビリティチェックシミュレータ。 In an accessibility check simulator that checks accessibility to web pages by people with disabilities,
In the computer system, a failure characteristic parameter storage unit that stores a failure characteristic parameter that models each symptom of a disabled person, and a Web page conversion processing unit that converts a Web page using the failure characteristic parameter are converted. A content operation unit for individually converting components in the Web page and a change result output unit,
The failure characteristic parameter storage unit stores a failure characteristic parameter selected from the external definition file created by the user,
The Web page conversion processing unit includes a data acquisition unit that acquires a failure characteristic parameter from the failure characteristic parameter storage unit, and a conversion processing unit that converts a Web page according to a failure special parameter, and is given as an input Web page contents are converted using the acquired failure characteristic parameters,
The content operation unit includes an operation target selection unit that selects a component included in the Web page, and a process selection unit that selects a process for the component to be operated. Select the conversion process for the included component, change the display style of the item for the component to be operated,
The accessibility check simulator, wherein the change result output unit outputs the Web page or HTML document converted by the Web page conversion processing unit or the content operation unit.
前記Webページ変換処理部と、コンテンツ操作部と、変更結果出力部とは、シミュレータ装置を構成し、ブラウザの拡張機能として組み込まれていることを特徴とするアクセシビリティチェックシミュレータ。 In the accessibility check simulator according to claim 8,
The web page conversion processing unit, the content operation unit, and the change result output unit constitute a simulator device and are incorporated as an extended function of a browser.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2007236905A JP2009070079A (en) | 2007-09-12 | 2007-09-12 | Accessibility check simulation method and simulator |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2007236905A JP2009070079A (en) | 2007-09-12 | 2007-09-12 | Accessibility check simulation method and simulator |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2009070079A true JP2009070079A (en) | 2009-04-02 |
JP2009070079A5 JP2009070079A5 (en) | 2009-12-10 |
Family
ID=40606273
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2007236905A Withdrawn JP2009070079A (en) | 2007-09-12 | 2007-09-12 | Accessibility check simulation method and simulator |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP2009070079A (en) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP4451925B1 (en) * | 2009-12-01 | 2010-04-14 | 三菱電機インフォメーションシステムズ株式会社 | Guideline management device and guideline management program |
JP2011022864A (en) * | 2009-07-16 | 2011-02-03 | Internatl Business Mach Corp <Ibm> | Aiding in creating, extending, and verifying accessibility metadata |
WO2011125418A1 (en) * | 2010-04-09 | 2011-10-13 | 日本電気株式会社 | Web-content conversion device, web-content conversion method, and recording medium |
US10482151B2 (en) | 2014-08-18 | 2019-11-19 | Samsung Electronics Co., Ltd. | Method for providing alternative service and electronic device thereof |
-
2007
- 2007-09-12 JP JP2007236905A patent/JP2009070079A/en not_active Withdrawn
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2011022864A (en) * | 2009-07-16 | 2011-02-03 | Internatl Business Mach Corp <Ibm> | Aiding in creating, extending, and verifying accessibility metadata |
US8543908B2 (en) | 2009-07-16 | 2013-09-24 | International Business Machines Corporation | Aiding in creating, extending, and verifying accessibility metadata |
JP4451925B1 (en) * | 2009-12-01 | 2010-04-14 | 三菱電機インフォメーションシステムズ株式会社 | Guideline management device and guideline management program |
JP2011118497A (en) * | 2009-12-01 | 2011-06-16 | Mitsubishi Electric Information Systems Corp | Device and program for managing guideline |
WO2011125418A1 (en) * | 2010-04-09 | 2011-10-13 | 日本電気株式会社 | Web-content conversion device, web-content conversion method, and recording medium |
JP5821842B2 (en) * | 2010-04-09 | 2015-11-24 | 日本電気株式会社 | Web content conversion apparatus, Web content conversion method, and program |
US10482151B2 (en) | 2014-08-18 | 2019-11-19 | Samsung Electronics Co., Ltd. | Method for providing alternative service and electronic device thereof |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8196104B2 (en) | Systems and methods for testing application accessibility | |
JP4140916B2 (en) | Method for analyzing state transition in web page | |
US9384183B2 (en) | Method and system for reporting web standard non-compliance of web pages | |
JP3857663B2 (en) | Structured document editing apparatus, structured document editing method and program | |
EP2728498A1 (en) | System and method for creation of templates | |
US20100251143A1 (en) | Method, system and computer program for creating and editing a website | |
NO335888B1 (en) | System and method of making UI elements known to an application and user | |
Doush et al. | The design of RIA accessibility evaluation tool | |
US9817811B2 (en) | Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method | |
US20040041843A1 (en) | Inserting complex comments in a document | |
Kumar et al. | Comparing ten WCAG tools for accessibility evaluation of websites | |
JP2009070079A (en) | Accessibility check simulation method and simulator | |
WO2006046323A1 (en) | Internet information collection device, program, and method | |
JP6231260B2 (en) | Screen control system, screen control program, screen creation support program, and screen control method | |
Leporini et al. | Evaluating a modified Google user interface via screen reader | |
Maeda et al. | Web accessibility technology at the IBM Tokyo Research Laboratory | |
JP2008287383A (en) | Link destination information display device, link destination information display method, link destination information display program mounted with the method, and recording medium with the program stored therein | |
Power et al. | Integrating accessibility evaluation into web engineering processes | |
Scapin et al. | Towards automated testing of web usability guidelines | |
Kaklanis et al. | A haptic rendering engine of web pages for blind users | |
US20040012639A1 (en) | Prototype page for simulating navigation in computer programs | |
Atterer | Usability tool support for model-based web development | |
Göhner et al. | Integrated Accessibility Models of User Interfaces for IT and Automation Systems. | |
Godet-Bar et al. | Towards a system of Patterns for the design of Multimodal Interfaces | |
Fischer et al. | URU: a platform for prototyping and testing compatibility of multifunction interfaces with user knowledge schemata |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20091026 |
|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20091026 |
|
A761 | Written withdrawal of application |
Free format text: JAPANESE INTERMEDIATE CODE: A761 Effective date: 20110704 |