アクセシビリティ・サポーテッド(AS)情報:G196-2

G196-2: 画像のグループにある一つの画像に代替テキストを提供して、そのグループの全ての画像を説明する

関連する達成基準の実装方法一覧

7.1.1.1非テキストコンテンツに関する達成基準 (等級A)

テストファイル

G196-2のテストファイル

見解

要注意

対象

一つの画像を繰り返し使用するケース

注意点

NetReaderでは、代替テキストを空にした画像のファイル名を読み上げてしまう。

代替もしくは推奨する方法

可能なかぎり、一つの画像にしたほうがよい。どうしても画像を別々にしなければならない場合は、この実装方法を用いてもよい。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 × 詳細設定で画像非表示を設定して確認。 画像非表示アイコンでそれぞれ表示され、代替テキストは表示されない(img設定サイズの問題?)
Internet Explorer 7.0 インターネットオプション→詳細設定で画像を非表示にするを選択すると、テキストの代わりに小さなボックスが表示される ユーザー補助のグループに「常にイメージのALTテキストを展開する」をオンにすると、代替テキストがすべて表示される
Internet Explorer 8.0 インターネットオプション→詳細設定で画像を非表示にするを選択すると、テキストの代わりに小さなボックスが表示される ユーザー補助のグループに「常にイメージのALTテキストを展開する」をオンにすると、代替テキストが「A」「AA」「AAA」と表示される。2つ目以降の画像については無視されて何も表示されない
Internet Explorer 9 × 画像を以下のやり方で非表示。
ツールメニュー>オプション>コンテンツパネル
「画像を表示する」のチェックをオフにする
画像の代わりに代替テキスト「5つ星中、星3個」が表示されるかを確認
代替テキストが全て表示されていない為、NG判定
Firefox 3.5 画像非表示にした際、それぞれの代替テキスト「A」、「AA」、「AAA」が表示された。 (「AA」と「AAA」では、2つ目以降の画像については無視されて何も表示されないか)
上記について、2つ目以降の画像について無視しているかどうかわからない、
Firefox 4.0 ツール-オプション-コンテンツタブ内の設定で画像非表示にした際、それぞれの代替テキスト「A」、「AA」、「AAA」が表示された。
Firefox 9.0 画像を以下のやり方で非表示にした。
ツール>オプション>コンテンツ
「画像を自動的に読み込む」のチェックをオフにする
画像の代わりに代替テキスト「5つ星中、星3個」が表示されるかを確認
Safari 3.2 × 画像を非表示にした際、代替テキストが表示されなかった。 代替テキストが表示されないので、×。
Safari 5.0.3 × 画像非表示にすると何も表示されなくなる。
JAWS for Windows 9.0 ■操作手順
それぞれの代替テキスト「A」、「AA」、「AAA」が読み上げられた。
「AA」と「AAA」では、2つ目以降の画像については無視されて何も読み上げられなかった。
■音声読み上げ
「画像 エー」
「画像 エーエー」
「画像 エーエーエー」
ホームページ・リーダー 3.04 ■操作手順
「対応レベル」「A」「AA」「AAA」と読み上げる。
■音声読み上げ
「対応レベル エー エーエー エーエーエー」
PC-Talker XP 3.06 ■操作手順
「エー、エーエー、トリプルエー」と読み上げていた。
■音声読み上げ
「エー、エーエー、トリプルエー」
PC-Talker XP 3.06 + NetReader 1.18 × ■操作手順
代替テキスト「5つ星中、星3個」が読み上げられたが、残り四つの画像は、ファイル名が読み上げられた。
■音声読み上げ
「評価 コロン 5つ星中 テン 星3個 G ワンナインティーシックス マイナス ワン エー G ワンナインティーシックス マイナス ワン エー G ワンナインティーシックス マイナス ワン ビー G ワンナインティーシックス マイナス ワン ビー」
FocusTalk V3 ■操作手順
「対応レベル」「A」「AA」「AAA」と読み上げる。
■音声読み上げ
「対応レベル エー エーエー エーエーエー」
NVDA 2010.1j ■操作手順
1. それぞれの代替テキスト「A」、「AA」、「AAA」が読み上げられた。
■音声読み上げ
「画像A
画像AA
画像AAA」
NVDA 2011.1 ■操作手順
1. それぞれの代替テキスト「A」、「AA」、「AAA」が読み上げられた。
■音声読み上げ
「画像A
画像AA
画像AAA」
テスト方法の中の"(「AA」と「AAA」では、2つ目以降の画像については無視されて何も読み上げられないか)"の部分が何を指しているのか理解できなかった。
Firefox18.0.1 画像を以下のやり方で非表示にした。
ツール>オプション>コンテンツ
「画像を自動的に読み込む」のチェックをオフにする
画像の代わりに代替テキスト「5つ星中、星3個」が表示されるかを確認
Google Chrome 25 × 【1】ブラウザの設定を変更して画像非表示にした際、それぞれの代替テキスト「A」、「AA」、「AAA」が表示されるか(「AA」と「AAA」では、2つ目以降の画像については何も表示されないか)を確認する。
画像非表示の設定は下記の通り実施
ブラウザ右上のボタン→[コンテンツの設定]→“画像”[すべての画像を表示しない]にチェック
【1】×
代替テキスト「A」、「AA」、「AAA」が表示されない。
Safari 6.0.5 × 画像の非表示はあらかじめ環境設定の詳細で「メニューバーに"開発"メニューを表示」を選択したうえで 開発→イメージを無効にする を選択 画像の表示されていた場所には何も表示されない
NVDA 2012.3 ■操作手順
1. それぞれの代替テキスト「A」、「AA」、「AAA」が読み上げられた。
■音声読み上げ
「画像A
画像AA
画像AAA」
テスト方法の中の"(「AA」と「AAA」では、2つ目以降の画像については無視されて何も読み上げられないか)"の部分が何を指しているのか、がやや不明確な印象があります。代替テキストが空の場合の処理を試験しているのではないか?との疑義です。そもそも、この例において画像を分割するということが適切な実装なのかというのも疑問です。
PC-Talker 7 2.12 ■操作手順
Ctrl+下矢印キーで行読み、またはShiftキーで全文読み
■音声読み上げ
「対応レベル コロン」
Ctrl+下矢印キー
「エー 画像」
Ctrl+下矢印キー
「エーエー 画像」
Ctrl+下矢印キー
「アーアーアー 画像」
Shiftキーの全文読みでは「対応レベル コロン エー エーエー アーアーアー」とだけ読み上げる
VoiceOver ■操作手順
1. それぞれの代替テキスト「A」、「AA」、「AAA」が読み上げられた。
■音声読み上げ
「A イメージ
AA イメージ
AAA イメージ」
画像が複数並んでいることは認識できません。