アクセシビリティ サポーテッド（AS）情報
テストケース 0004-03: イメージマップ内の area 要素 (代替テキストあり)

• macOS 10.14.2
• Firefox 64.0
• VoiceOver
• 音声閲覧環境

イメージマップ上でVOキー＋シフトキー＋下矢印キーでイメージマップを操作できる状態に移行した上で、VOキー＋右矢印キーで各area要素を読み上げさせた。

各 area 要素の alt 属性に指定した代替テキスト “4F 雑貨 書籍” “3F 衣料品” “2F お菓子 その他食品” “1F 生鮮食品” が読み上げられた。

• macOS 10.14.2
• Firefox 64.0
• 視覚閲覧環境

ブラウザを画像非表示に設定変更し、表示内容を確認した。

各 area 要素の alt 属性に指定した代替テキストは表示されなかった。

• Windows 10 Home Version 1809
• Firefox 64.0
• NVDA 2018.4jp
• 音声閲覧環境

コンテンツ内をTabキーで移動した。

各 area 要素の alt 属性に指定した代替テキスト “4F 雑貨 書籍” “3F 衣料品” “2F お菓子 その他食品” “1F 生鮮食品” と画像の代替テキストが続けて読み上げられた。

• macOS 10.13.6
• Safari 12.0.2
• VoiceOver
• 音声閲覧環境

(視覚閲覧環境) 表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認

(視覚閲覧環境) 表示内容は表示されませんでした

(音声閲覧環境) 各 area 要素を読み上げ、内容を確認

(音声閲覧環境)期待される結果と同じでした

• macOS 10.14.2
• Google Chrome 71.0.3578.98
• VoiceOver
• 音声閲覧環境

(視覚閲覧環境) :

表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認

img の alt は表示されるが、area の alt は表示されませんでした。

• macOS 10.14.2
• Google Chrome 71.0.3578.98
• VoiceOver
• 音声閲覧環境

(音声閲覧環境) :

各 area 要素を読み上げ、内容を確認。

area は読み上げられませんでした。

「デパートのフロアガイド。各階について詳しくお知りになりたい場合は各階をクリックしてください。」の部分を2回読んだあとに「店舗へのアクセスにつきましては~」うつっていきました。

[WAIC注] 再テストを行いましたが、本テスト結果と同じ結果は得られませんでした。

• Chrome OS 71
• Chrome OS 71.0.3578.94(64bit)
• ChromeVox Google TTS Setting : Chrome OS 日本語 インストール済み
• 音声閲覧環境

• 参考：Chromebook ヘルプ / 組み込みのスクリーン リーダーを使用する

  https://support.google.com/chromebook/answer/7031755?hl=ja

各 area 要素を読み上げ、内容を確認

TABキーを押下すると、以下の順に読み上げていく。

お問い合わせ先一覧 リンク 検索プラススペースキーで有効にします。

4F雑貨 書籍 リンク 検索プラススペースキーで有効にします。

3F衣料品 リンク 検索プラススペースキーで有効にします。

2Fお菓子 その他の食品 リンク 検索プラススペースキーで有効にします。

1F生鮮食品 リンク 検索プラススペースキーで有効にします。

周辺地図 リンク 検索プラススペースキーで有効にします。

[WAIC注]実施日を2018年から2019年に訂正しました。

• Windows 11 22h2
• Google Chrome 117.0.5938.132（Official Bu
• NVDA 2023.2jp-r2 (2023.2.0.3096)
• 音声閲覧環境

下矢印キーを押してそれぞれの項目を確認

それぞれのテキストは読み上げられたが、alt属性として設定されていることは読み上げられない

• macOS
• Google Chrome 126.0.6478.127
• VoiceOver
• 音声閲覧環境

• 当該ページを開き、Control＋Optionキー+Shiftキーを押してコンテンツ内に入る

Control+Optionキーと左右矢印キーを押してそれぞれのarea要素を読み上げる

「リンク、4F雑貨 書籍」「リンク、3F衣料品」「リンク、2Fお菓子 その他食品」「リンク、1F生鮮食品」とそれぞれ読まれた

• macOS
• Google Chrome 126.0.6478.127
• VoiceOver
• 音声閲覧環境

• 当該ページを開き、Control＋Optionキー+Shiftキーを押してコンテンツ内に入る

Control+Optionキーと左右矢印キーを押してそれぞれのarea要素を読み上げる

「リンク、4F雑貨 書籍」「リンク、3F衣料品」「リンク、2Fお菓子 その他食品」「リンク、1F生鮮食品」とそれぞれ読まれた

• macOS
• Google Chrome
• VoiceOver
• 視覚閲覧環境

ブラウザを画像非表示に設定変更し、表示内容を確認した

各売り場への直通電話番号につきましてはお問い合わせ先一覧をご参照ください。

デパートのフロアガイド。各階について詳しくお知りになりたい場合は各階をクリックしてください。

店舗へのアクセスにつきましては周辺地図をご参照ください。

が表示されている

[WAIC注] VoiceOver と書かれていますが視覚閲覧環境のテストであると判断しました。

• エディション Windows 11 Pro バージョン 25H2 インストール日 2025/10/17 OS ビルド 26200.9457 エクスペリエンス Windows 機能エクスペリエンス パック 1000.26100.360.0
• Microsoft Edge バージョン 153.0.4234.32 (公式ビルド) (64 ビット)
• Windows11 ナレーター
• 音声閲覧環境

Tabキーを押下、上矢印キーを押下、下矢印キーを2回押下、Tabキーを4回押下した。

各 area 要素の alt 属性に指定した代替テキスト 「4F 雑貨 書籍」「3F 衣料品」 「2F お菓子 その他食品」「1F 生鮮食品」が読み上げられる。

• エディション Windows 11 Pro バージョン 25H2 インストール日 2025/10/17 OS ビルド 26200.9457 エクスペリエンス Windows 機能エクスペリエンス パック 1000.26100.360.0
• Microsoft Edge バージョン 153.0.4234.32 (公式ビルド) (64 ビット)
• 視覚閲覧環境

画像を非表示に設定した。

プライバシー/検索/サービス/サイトのアクセス許可/すべてのアクセス許可/イメージをオフ

各 area 要素の alt 属性に指定した代替テキスト 「4F 雑貨 書籍」「3F 衣料品」「2F お菓子その他食品」「1F 生鮮食品」が表示されない。

• macOS Tahoe v26.2
• Google Chrome
• mac VoiceOver
• 音声閲覧環境

• 特になし

Tabキーを押して、2番目のリンク（4Fの画像リンク部分）から順にフォーカスを移動した

以下の順番で読み上げられた。

1. 「リンク、4F雑貨 書籍、デパートのフロアガイド。各階について詳しくお知りになりたい場合は各階をクリックしてください。、グループ」

2. 「リンク、3F衣料品」

3. 「リンク、2Fお菓子 その他食品」

4. 「リンク、1F生鮮食品」