アクセシビリティ サポーテッド (AS) 情報:テストケース
0024-01: nav 要素

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

関連する達成方法

テスト詳細

検証結果一覧

テスト結果の詳細

ID環境判断操作内容得られた結果テスト実施者実施日備考
540
  • Windows 11 Pro 23H2 (22631.3737)
  • Chrome 126.0.6478.57
  • NVDA 2024.1jp (2024.4.0.3578)

テストファイルをすべて読み上げ、内容を確認

nav要素部分に差し掛かると、「ナビゲーションランドマークリンクホーム」と読み上げる。ニュース一覧リンクのほうから戻ると「ナビゲーションランドマークリンクお問い合わせ」と読み上げる。

森田雄2024-06-13[WAICレビュー作業中]

×

読み上げカーソルを上下移動させる等して、nav要素の始まりと終わりの位置を読み上げる

nav要素内の最初の要素は、「ランドマーク」の読み上げにより分かるが、nav要素内の最後の要素が何であるかを知ることはできない。お問い合わせリンクとニュース一覧リンクがそれぞれnavの内側と外側にあるということは、最初から順に読み上げている時点ではわからない。逆方向に読み上げて初めてお問い合わせリンクがnav要素の中にあることがわかる。

518
  • Windows 10.0.22621.3007
  • Firefox 121.0.1
  • NVDA 2023.3.1jp

NVDAのブラウズモードで下矢印キーを使って内容を確認した。

「ナビゲーション ランドマーク リンク ホーム」と読み上げた。

西本卓也2024-01-18[WAICレビュー作業中]

NVDAのブラウズモードで「ナビゲーション ランドマーク リンク ホーム」の場所でコンマ(コンテナの直後に移動)を押し、さらに上矢印を押した。

「ニュース一覧 リンク」に移動し、上矢印で「ナビゲーション ランドマーク リンク お問い合わせ」に移動した。これにより「お問い合わせ」が終了位置であることがわかった。

504
  • iOS(17.1.2)
  • Safari

(音声閲覧環境)

テストファイルをすべて読み上げ、内容を確認

(音声閲覧環境)

ナビゲーションの先頭に来たとき「ホーム リンク ナビゲーション ランドマーク」と読み上げられた。

ナビゲーションの末端に来たときは「お問合せ リンク エンドナビゲーション」と読み上げられた。

yamanaka2024-01-18[WAICレビュー作業中]

405
  • iOS 15.3.1
  • Safari
  • VoiceOver

VoiceOverを立ち上げた状態でテストサイトに行き、サイト上部から通しで読み上げさせたあと、キーボードで一項目ずつ戻ってみた。

ナビゲーションの先頭に来たとき「ホーム リンク ナビゲーション ランドマーク」と読み上げられた。最後に来たときは「お問合せ リンク エンドナビゲーション」と読み上げられた。

立川くるみ2022/03/04

一項目ずつキーボードで移動した。

1の回答と同様。

403
  • Windows 10 Pro 20H2
  • NetReader Neo
  • PC-Talker Neo Plus

矢印キーを押して順に読み上げた。

「ホーム」に差し掛かった時、「目次領域」という情報が提示された。

諸熊2022/03/04

矢印キーを押してコンテンツを順に読み上げた。

「ニュース一覧」から一つ前に戻った時に、「目次領域」と読み上げたため、目次領域の開始と終了地点がわかった。

381
  • iOS 14.2
  • Safari
  • VoiceOver

見出し「ウェブアクセシビリティ基盤委員会」から右フリック1回。

「ホーム」に差し掛かると「ホーム リンク ナビゲーション ランドマーク」と読み上げた。

SAWADA STANDARD DESIGN2020/12/17

リンク「お問い合わせ」から右フリック1回。

逆に、リンク「ニュース一覧」からも右フリック1回。

「お問い合わせ リンク エンド ナビゲーション」と読み上げた。逆の場合も同様に読み上げた。

374
  • Windows 10 Pro 20H2
  • Microsoft Edge 87.0.664.60
  • Narrator
×

1)テストコードのページをブラウザで開き、コンテンツの先頭からスキャンモード/下矢印キーで読み上げていく

1)先頭行が見出し、2/3/4/5行目がリンク、5行目でページの最後尾、であることがわかる

四方田正夫2020/12/17

×

2)ナレーターキー+F5でランドマークの一覧を取得し、ナビゲーションランドマークの場所に移動して先頭からスキャンモード/下矢印キーで読み上げていく

2)1行戻ると先頭行の見出しであることがわかり、ナビゲーションランドマークの先頭は2行目であることがわかる。ナビゲーションランドマークの最後尾がどこか、はわからない。

368
  • iOS 14.2
  • Safari
  • VoiceOver

左右スワイプでページ内を移動

「ホーム」のリンクで「ホーム リンク ナビゲーション ランドマーク」と読み上げられた。

岡上洋子2020/12/17

[WAIC注] テスト手順に問題があり、適切に判定できていません。

340
  • Windows 10 Pro 2004
  • Firefox 84.0
  • NVDA 2020.2jp

テストコードのファイルリンクから遷移

タブキーで操作するとナビゲーションランドマーク、ホームリンクと順に読み上げられた

佐々木 将2020/12/17

[WAIC注] テスト手順に問題があり、適切に判定できていません。

336
  • Windows 10 Pro 2004
  • Microsoft edge 87.0
  • PC-Talker10 V1.41

テストファイルを読み上げ、内容を確認

リンク「ホーム」を選択した時、「ナビゲーション ランドマーク」と読み上げた。

リンク「ニュース一覧」を選択した後、リンク「お問合せ」を選択すると、「ナビゲーション ランドマーク」と読み上げた。

諸熊2020/12/17

335
  • Windows 10 Pro 2004
  • Google chrome 87.0
  • PC-Talker10 V1.41

テストファイルを読み上げ、内容を確認

リンク「ホーム」を選択した時、「ナビゲーション ランドマーク」と読み上げた。

リンク「ニュース一覧」を選択した後、リンク「お問合せ」を選択すると、「ナビゲーション ランドマーク」と読み上げた。

諸熊2020/12/17

334
  • Windows 10 Pro 2004
  • FireFox 83.0
  • PC-Talker10 V1.41

テストファイルを読み上げ、内容を確認

リンク「ホーム」を選択した時、「ナビゲーション ランドマーク」と読み上げた。

リンク「ニュース一覧」を選択した後、リンク「お問合せ」を選択すると、「ナビゲーション ランドマーク」と読み上げた。

諸熊2020/12/17

ライセンス

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

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