WCAG 2.0 達成方法集

Skip to Content (Press Enter)

-

FLASH29: フォーム・コンポーネントに label プロパティを設定する

達成方法に関する重要な情報

これらの達成方法(参考)の使用法及び、それらがWCAG 2.0 達成基準(規定)とどのように関係するかに関する重要な情報については、WCAG 達成基準の達成方法を理解するを参照のこと。適用(対象)セクションは、その達成方法の範囲について説明しており、特定の技術に関する達成方法があるからといって、WCAG 2.0 を満たすコンテンツを作成する際に、常にその技術が使用可能であるわけではない。

適用(対象)

これは、次の達成基準に関連する達成方法である:

ユーザエージェント及び支援技術によるサポート

FLASH29 に関するユーザエージェントサポートノート (英語)を参照のこと。Flash テクノロジーノートも参照。

解説

この達成方法の目的は、フォーム・コンポーネントに label プロパティを設定することによって、フォーム・コンポーネントにラベルテキストを明示的に関連付けることである。このプロパティを設定することにより、コンポーネントの隣にラベルが視覚的に配置されるようになり、支援技術に対してラベルテキストが提示されるようになる。

label プロパティをサポートするコンポーネントは以下のとおりである。

その他のコンポーネントについては、手動でフォーム・コンポーネントの隣にラベルテキストを配置する必要がある。これらのコンポーネントについては、以下のいずれかのアプローチを用いて、フォーム・コンポーネントにラベルテキストを関連付けることができる。

事例

支援技術からこれらのフォーム・コントロールにアクセスできるようにするには、以下のコード行をムービーのスクリプトに一度追加する必要がある。

Button コンポーネントを使用する場合:

import fl.accessibility.ButtonAccImpl; ButtonAccImpl.enableAccessibility();

RadioButton コンポーネントを使用する場合:

import fl.accessibility.RadioButtonAccImpl; RadioButtonAccImpl.enableAccessibility();

CheckBox コンポーネントを使用する場合:

import fl.accessibility.CheckBoxAccImpl; CheckBoxAccImpl.enableAccessibility();

事例 1: コンポーネントインスペクタパネルを使用してラベルを設定する

  1. コンポーネントパネルから Button、CheckBox、RadioButton のいずれかのコンポーネントをステージにドラッグしてムービーに追加する。

  2. コンポーネントを選択した状態で、「ウィンドウ」メニューまたは Shift + F7 ショートカットを使用して、コンポーネントインスペクタパネルを開く。

  3. コンポーネントインスペクタの「パラメータ」タブで、「label」パラメータにラベルテキストを入力する。

下のスクリーンショットはこの実装方法を示している。

画面スクリーンショット:コンポーネントインスペクタパネルで、コンポーネントのラベルを設定

事例 2: ActionScript 3.0 を使用して、Button、CheckBox、RadioButton の各コンポーネントのラベルを設定する

コード例:

import fl.accessibility.ButtonAccImpl
import fl.accessibility.CheckBoxAccImpl
import fl.accessibility.RadioButtonAccImpl
import fl.controls.Button;
import fl.controls.CheckBox;
import fl.controls.RadioButton;

ButtonAccImpl.enableAccessibility();
var myButton: Button = new Button();
myButton.label = "Submit Details";
myButton.x = 10;
myButton.y = 10
addChild(myButton);

CheckBoxAccImpl.enableAccessibility();
var myCheckBox: CheckBox = new CheckBox();
myCheckBox.label = "notify me";
myCheckBox.x = 10;
myCheckBox.y = 40
addChild(myCheckBox);

RadioButtonAccImpl.enableAccessibility();
var myRadioButton: RadioButton = new RadioButton();
myRadioButton.label = "Male";
myRadioButton.x = 10;
myRadioButton.y = 60;
addChild(myRadioButton);

この実例は、ActionScript 3.0 を使用して、Button、CheckBox、RadioButton の各コンポーネントのラベルを設定するのサンプル(英語)で確認できる。また、ActionScript 3.0 を使用して、Button、CheckBox、RadioButton の各コンポーネントのラベルを設定するのソース(英語)をダウンロードすることもできる。

検証

チェックポイント

Button、CheckBox、RadioButton の各コンポーネントを使用している場合、次のことを確認する。

  1. コンポーネントの label プロパティによって、ボタンの目的を説明したラベルが提供されている

判定基準

  1. 1. を満たしている。

この達成方法が「十分な達成方法」の一つである場合、このチェックポイントや判定基準を満たしていなければ、それはこの達成方法が正しく用いられていないことを意味するが、必ずしも達成基準を満たしていないことにはならない。場合によっては、別の達成方法によってその達成基準が満たされていることもありうる。