as_test

テスト ID

WAIC-TEST-0046-01

テストのタイトル

画像の説明を提供するために aria-describedby を使用する

テストの目的

画像に対して aria-describedby を使用して説明 (description) を与えた場合に、説明が認識され、通知されるかどうかを確認する。

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

1.1.1

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

WAIC-CODE-0046-01

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

<img src="img/logo.png" alt="ウェブアクセシビリティ基盤委員会" aria-describedby="p1">
<p id="p1">
    画像にはウェブアクセシビリティ基盤委員会(WAIC)のロゴと「Web Accessibility Infrastructure Committee ウェブアクセシビリティ基盤委員会」という文字が書かれています。
</p>

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

テスト不要

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

なし

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

なし

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

上から順番に読み上げて内容を確認する。

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

上から順番に読み上げたときに、次の 1. 〜 2. をすべて満たす。

画像に差し掛かったときに、代替テキスト「ウェブアクセシビリティ基盤委員会」が通知される。さらに説明「画像にはウェブアクセシビリティ基盤委員会(WAIC)のロゴと「Web Accessibility Infrastructure Committee ウェブアクセシビリティ基盤委員会」という文字が書かれています。」が通知される。
画像の直後のテキストに差し掛かったときに、もう一度「Web Accessibility Infrastructure Committee ウェブアクセシビリティ基盤委員会」という文字が書かれています。」が通知される。

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

上から順番に読み上げて、画像に差し掛かったときに代替テキストだけが通知され、テキストに差し掛かったときにだけ説明が通知されるのは、期待される結果ではない。