WCAG 2.0 実装方法集

メインコンテンツへスキップ

-

FLASH5: リンク先が同じで隣接している画像とテキストのボタンを結合する

適用(対象)

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

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

ユーザーエージェントによるサポートに関する全般的な情報は、Flashのユーザーエージェントによるサポートを参照のこと。

解説

この実装方法の目的は、隣接するテキストとボタンアイコンを Flash ムービーに含める際の不要な重複を回避することである。

テキストとボタンアイコンが隣接しているボタンがよく用いられている。視覚上多少離れた位置に配置するなどの目的で、テキストとアイコンボタンが個別のボタンとして表現されることも多い。視覚に問題のない利用者はこれらの位置が多少離れていることを視覚的に認識できるが、全盲やロービジョンの利用者は位置の距離を認識できないためボタンの重複に混乱する。これを避けるため、コンテンツ制作者によっては画像のアクセシブルな名前の指定を省略する場合があるが、そのような方法ではグラフィックボタンと同じ目的を果たす代替テキストがなくなってしまい、達成基準 1.1.1 を満たすことができない。この問題への対処として望ましいのは、テキストと画像を 1 つのボタンシンボルインスタンスに含め、ボタンに対して 1 つのアクセシブルな名前を割り当てることによってテキストの重複を回避する方法である。

事例

以下に示すのは、ステージ上の 1 つのボタンインスタンスに画像とテキストの両方が含まれている場合の例である。この例のテキストと画像の結合ボタンでは、「flashLink1」というインスタンス名が使用されている。

Flash Professional で結合ボタンを作成するには、次のようにする。

  1. ステージにグラフィックオブジェクトとテキストを追加する。

  2. 両方のオブジェクトを選択する。

  3. [挿入]メニューから「新規シンボル」を選択するか、Ctrl+F8 キーを押して、新しいボタンオブジェクトを作成する。

  4. ステージ上のボタンオブジェクトをクリックし、プロパティパネルでインスタンス名を入力する。

  5. さらに、以下の事例 1 から事例 3 までのそれぞれの説明に従う。

画面スクリーンショット:プロパティパネルでインスタンス名を 'flashLink1' とした結合ボタン

事例 1: アクセシビリティパネルを使用してアクセシブルな名前を指定する

アクセシビリティパネルを使用してアクセシブルな名前(この例の場合は表示されているテキストと同じ)を指定する。

画面スクリーンショット:結合ボタンの「名前」を記述したアクセシビリティパネル

事例 2:

次のように、アクセシビリティパネルの代わりに ActionScript 3 を使用して、結合ボタンのアクセシビリティ名を指定することもできる。

コード例:

// 'flashLink1' は、ムービーのメインのタイムラインに置かれたインスタンスである。
flashLink1.accessibilityProperties = new AccessibilityProperties();
flashLink1.accessibilityProperties.name = "Flashについてさらに学ぶ";

また、次のように、アクセシビリティパネルの代わりに ActionScript 2 を使用して、結合ボタンのアクセシビリティ名を指定することもできる。

コード例:

// 'flashLink1' is an instance placed on the movie's main timeline
flashLink1._accProps = new Object();
flashLink1._accProps.name = "Flashについてさらに学ぶ";

検証

チェックポイント

  1. SWF ファイルを発行する。

  2. Internet Explorer 6 以降(Flash Player 6 以降を使用)、または Firefox 3 以降(Flash Player 9 以降を使用)で SFW ファイルを開く。

  3. オブジェクト名の代替テキストを表示できる aDesigner2 などのツールを使用して Flash ムービーを開く。

  4. aDesigner2 を使用する場合は、GUI 概要パネルを使用して Flash ムービー内の各画像ボタンを確認し、画像と同じ機能を持つ別の重複したテキストコントロールが画像の近くにないことを確かめる。

判定基準

上記全てを満たしている。

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

日本語訳における注記:

この文書の正式版は、W3Cサイトで公開されている英語の文書であり、この日本語訳には誤訳が含まれていることもありえます。なお、文中にある「日本語訳における注記」は、W3Cの原文にはないものであり、日本語訳監修者が追記したものです。