アクセシビリティ サポーテッド(AS)情報のホームへ

アクセシビリティ サポーテッド(AS)情報
テストケース 0004-05: イメージマップ内の area 要素 (リンクの判別)

テストの対象となる達成基準

関連する達成方法(テクニック)

テスト詳細

検証結果一覧

テスト結果の詳細

横スクロールできます。
ID環境判断操作内容得られた結果テスト実施者実施日備考
14
  • macOS 10.14.2
  • Firefox 64.0
  • VoiceOver
  • 音声閲覧環境
○

イメージマップ領域を操作対象にした上で、VOキー+右矢印キーで各area要素に移動した。

「リンク 1F生鮮食品」のように、代替テキストの前に「リンク」と読み上げられた。

安倍 英樹2018/12/27

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

各リンク(area要素)にTabキーで移動した。

代替テキストと「リンク Poly」が続けて読み上げられた。

安倍 英樹2019/01/09

185
  • macOS 10.13.6
  • Safari 12.0.2
  • VoiceOver
  • 音声閲覧環境
  • 視覚閲覧環境
○

(視覚閲覧環境) マウス操作 :マウスポインターを重ねる

(視覚閲覧環境) マウスポインターが指のマークになりました。

やまもといずみ2019/01/13

○

(視覚閲覧環境) キーボード操作 : tabキー移動

(視覚閲覧環境) うっすらとリンクの線が・・・

○

(音声閲覧環境)音声で読み上げ

(音声閲覧環境)「リンク 4F 雑貨書籍」と読まれました

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

(視覚閲覧環境) :

マウス操作 : 各 area 要素にマウスポインタを重ね、挙動を確認

キーボード操作 : 各 area 要素にフォーカスを移動し、挙動を確認

(視覚閲覧環境) :

マウス操作では、リンクを判別できる視覚効果がなかった。

キーボード操作はフォーカスの線が表示される

佐藤哲裕2019/01/13

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

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

(音声閲覧環境) :

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

(音声閲覧環境) :

リンクであることを判別できる何らかの手段が提供されていた。

「リンク」と読み上げられた。

佐藤哲裕2019/01/13

234
  • Windows 10 Pro 1803
  • Internet Explorer 11.0,101
  • PC-Talker 10 64bit Vesion.1.26
  • 音声閲覧環境
○

TABキーで「4F雑貨 書籍」に移動した。

「4F雑貨 書籍 リンク」とリンクであることを読み上げた

中野利保2019/01/16

287
  • 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生鮮食品 リンク 検索プラススペースキーで有効にします。

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

四方田正夫2019/01/13

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

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

[tab]キーを押してそれぞれの項目を確認

テキストとともに「リンク」と読み上げられ、リンクであることを判別できる

yuyaroid2023-09-28

571
  • macOS
  • Google Chrome 126.0.6478.127
  • VoiceOver
  • 音声閲覧環境
  • 当該ページを開き、Control+Optionキー+Shiftキーを押してコンテンツ内に入る

○

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

「リンク、4F雑貨 書籍」「リンク、3F衣料品」「リンク、2Fお菓子 その他食品」「リンク、1F生鮮食品」とそれぞれ読まれて、リンクであることが分かった

久保田翔太2024-07-03

585
  • macOS
  • Google Chrome 126.0.6478.127
  • VoiceOver
  • 音声閲覧環境
  • 当該ページを開き、Control+Optionキー+Shiftキーを押してコンテンツ内に入る

○

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

「リンク、4F雑貨 書籍」「リンク、3F衣料品」「リンク、2Fお菓子 その他食品」「リンク、1F生鮮食品」とそれぞれ読まれて、リンクであることが分かった

久保田翔太2024-07-03

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

マウス操作 : 各 area 要素にマウスポインタを重ね、挙動を確認

キーボード操作 : 各 area 要素にフォーカスを移動し、挙動を確認

リンクであることがマウスポインタの形で判別できる

キーボード操作時は、フォーカスインジケータが表示された

hosaka2025-10-23

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

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

2026-09-22

「4F雑貨書籍。」

「3F衣料品。」

「2Fお菓子そのほか食品。」

「1F生鮮食品。」

と読み上げられた。

前島怜佳2026-09-22[WAICレビュー作業中]

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

Tabキーを押下した。

次の個所にフォーカスが移動された。

周りに枠線がつき、リンクとして判別可能となった。

「4F雑貨書籍」

「3F衣料品」

「2Fお菓子そのほか食品」

「1F生鮮食品」

前島怜佳2026-09-22[WAICレビュー作業中]

○

イメージマップにマウスポインタを当てた。

次の個所にポインタを動かしたとき、ポインタから指の形に変わった。

「4F雑貨書籍」

「3F衣料品」

「2Fお菓子そのほか食品」

「1F生鮮食品」

806
  • macOS Tahoe v26.2
  • Google Chrome
  • mac VoiceOver
  • 音声閲覧環境
  • 特になし

○

Tabキーを押して、4Fから1Fまでのリンクにフォーカスを当てた

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

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

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

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

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

小林 幸司2026-09-17[WAICレビュー作業中]

ライセンス

各検証結果は、それぞれの作成者を原著作者とし、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。原著作者名は、それぞれの検証結果をご覧ください。また、ご利用になる前に利用許諾条項を必ずご確認ください。

CC by-sa利用許諾条項(表示 – 継承 4.0 国際)の確認