as_test

テスト ID

WAIC-TEST-0043-02

テストのタイトル

リージョンとランドマークに名前 (name) を付けるために、aria-labelledby を使用する

テストの目的

application ランドマークに対して aria-labelledby を使用して名前 (name) を与え、aria-describedby を使用して説明文を与えた場合に、ランドマークと名前 (name)、説明文が認識され、通知されるかどうかを確認する。

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

1.3.1

関連する達成方法 (複数)

ARIA13

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

WAIC-CODE-0043-02

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

<div role="application" aria-labelledby="p123" aria-describedby="info">
    <h1 id="p123">カレンダー</h1>
    <p id="info">
    ボストンレッドソックスの試合スケジュールのカレンダーです。
    </p>
    <div role="grid">
        ...
    </div>
</div>

テスト手順と期待される結果 (視覚閲覧環境)

テスト手順

テスト不要

期待される結果

なし

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

なし

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

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

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

「カレンダー」の箇所に差し掛かった際に、次の 1. 〜 3. をすべて満たす

  1. この部分が application ランドマークであることが判別できるように通知される
  2. 「カレンダー」という名前が通知される
  3. 「ボストンレッドソックスの試合スケジュールのカレンダーです」という説明文が通知される

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

なし

関連する要素や属性

div要素、role属性、aria-labelledby属性、id属性、aria-describedby属性