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

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

関連する達成方法

テスト詳細

検証結果一覧

テスト結果の詳細

ID環境判断操作内容得られた結果テスト実施者実施日備考
585
  • macOS
  • Google Chrome 126.0.6478.127
  • VoiceOver
  • 当該ページを開き、Control+Optionキー+Shiftキーを押してコンテンツ内に入る

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

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

久保田翔太2024-07-03[WAICレビュー作業中]

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

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

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

久保田翔太2024-07-03[WAICレビュー作業中]

464
  • Windows 11 22h2
  • Google Chrome 117.0.5938.132(Official Bu
  • NVDA 2023.2jp-r2 (2023.2.0.3096)

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

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

yuyaroid2023-09-28[WAICレビュー作業中]

音声閲覧環境

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年に訂正しました。

234
  • Windows 10 Pro 1803
  • Internet Explorer 11.0,101
  • PC-Talker 10 64bit Vesion.1.26

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

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

中野利保2019/01/16

201
  • macOS 10.14.2
  • Google Chrome 71.0.3578.98
  • VoiceOver

(音声閲覧環境) :

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

(音声閲覧環境) :

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

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

佐藤哲裕2019/01/13

200
  • macOS 10.14.2
  • Google Chrome 71.0.3578.98
  • VoiceOver
×

(視覚閲覧環境) :

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

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

(視覚閲覧環境) :

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

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

佐藤哲裕2019/01/13

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

185
  • macOS 10.13.6
  • Safari 12.0.2
  • VoiceOver

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

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

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

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

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

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

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

91
  • Windows 10 Home Version 1809
  • Firefox 64.0
  • NVDA 2018.4jp

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

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

安倍 英樹2019/01/09

14
  • macOS 10.14.2
  • Firefox 64.0
  • VoiceOver

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

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

安倍 英樹2018/12/27

ライセンス

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

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