as_test

テスト ID

WAIC-TEST-0045-01

テストのタイトル

role 属性による見出しの特定(見出しレベルを指定しない場合)

テストの目的

role=”heading”を適用した要素が、支援技術に見出しとして認識されることを確認する

テストの対象となる達成基準 (複数)

1.3.1

テストコード (テストファイルへのリンク)

WAIC-CODE-0045-01

テストコードのソース (抜粋)

<div role="heading">国際ニュース</div>
国際ニュースの記事一覧
<div role="heading">国内ニュース</div>
国内ニュースの記事一覧

テスト手順 (視覚閲覧環境)

テスト不要

期待される結果 (視覚閲覧環境)

なし

テスト実施時の注意点 (視覚閲覧環境)

なし

テスト手順 (音声閲覧環境)

テストファイルを開き、矢印キーを使って移動し、どのように読み上げるかを確認する。

テスト手順 1

テストファイルを開いた状態で矢印キーを押し、「国際ニュース」と読み上げられるまで移動する

期待される結果 1

「国際ニュース」というテキストであることに加え、見出しであることが読み上げられる

テスト手順 2

矢印キーを押し、「国内ニュース」と読み上げられるまで移動する

期待される結果 2

「国内ニュース」というテキストであることに加え、見出しであることが読み上げられる

期待される結果 (音声閲覧環境)

テスト手順1～2の結果をすべて満たしている。

テスト実施時の注意点 (音声閲覧環境)

WAI-ARIAの仕様では、aria-levelの指定が必須とされている(参考：https://w3c.github.io/aria/#heading)。ただしこのテストケースは、見出しのレベルが不明なレガシーなサイトを想定した実装となっているため、aria-levelが指定されていない。そのため、一部の支援技術では動作しない可能性がある点に注意する。