要注意
img要素のalt属性
可能なかぎり、一つの画像にしたほうがよい。
どうしても画像を別々にしなければならない場合は、この実装方法を用いてもよい。
ユーザエージェント | 検証結果 | 操作手順 | 備考 |
---|---|---|---|
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」が表示された。 | |
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つ目以降の画像については無視されて何も読み上げられないか)"の部分が何を指しているのか理解できなかった。 |