テスト ID
WAIC-TEST-0006-03
テストのタイトル
a 要素に指定したテキスト (title 属性あり)
テストの目的
テキストを a 要素 (title 属性あり) に指定した場合、title属性の内容が表示・読み上げされるかの確認
テストの対象となる達成基準 (複数)
2.4.4, 2.4.9
関連する達成方法 (複数)
H33
テストコード (テストファイルへのリンク)
WAIC-CODE-0006-03
テストコードのソース (抜粋)
<div>
<p><a href="http://waic.jp/" title="ウェブアクセシビリティ基盤委員会公式サイト">Home</a></p>
</div>
テスト手順 (視覚閲覧環境)
- 表示: リンクの表示内容を確認
- マウス操作: リンクにマウスポインタを重ね、挙動を確認
- キーボード操作: リンクにフォーカスを移動し、挙動を確認
期待される結果 (視覚閲覧環境)
次の 1. 〜 2. をすべて満たしている
- リンク “Home” に title 属性による補足説明があることが分かるように何らかの表示がされる
- ツールチップで title 属性値 “ウェブアクセシビリティ基盤委員会公式サイト” が表示される
テスト実施時の注意点 (視覚閲覧環境)
なし
テスト手順 (音声閲覧環境)
リンクを読み上げ、内容及び挙動を確認
期待される結果 (音声閲覧環境)
次の 1. または 2. を満たしている
- リンクテキスト “Home” に加えて title 属性値 “ウェブアクセシビリティ基盤委員会公式サイト” が読み上げられる
- リンクテキスト “Home” に加えて title 属性による補足説明があることを音声で知らせた上で、title 属性値 “ウェブアクセシビリティ基盤委員会公式サイト” が読み上げられる何らかの手段が提供されている
テスト実施時の注意点 (音声閲覧環境)
なし
関連する要素や属性
a 要素 , title属性