Skip to content

Commit 240dd21

Browse files
authored
Merge pull request #274 from waic/add-test-0142-01
0142-01 / ARIA22のテストを追加(事例1)
2 parents 8f1d9ac + 1b56db9 commit 240dd21

File tree

2 files changed

+95
-0
lines changed

2 files changed

+95
-0
lines changed

WAIC-CODE/WAIC-CODE-0142-01.html

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html lang="ja">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>WAIC-CODE-0142-01</title>
6+
<meta name="copyright" content="This document is licensed under a Creative Commons 4.0">
7+
<link rel="license" href="https://creativecommons.org/licenses/by/4.0/">
8+
<meta name="author" content="ウェブアクセシビリティ基盤委員会(WAIC)">
9+
<script>
10+
function findOrange () {
11+
document.getElementById("resultsmsg").textContent = "0 件の結果が返されました"
12+
}
13+
</script>
14+
</head>
15+
<body>
16+
<main>
17+
<div role="search">
18+
<label for="mockinput">次の語と一致する単語を検索:
19+
<input type="text" name="mockinput" id="mockinput" value="オレンジ">
20+
</label>
21+
<button id="btn" onclick="findOrange()">検索</button>
22+
</div>
23+
<h2>結果</h2>
24+
<p role="status" id="resultsmsg"></p>
25+
</main>
26+
</body>
27+
</html>
Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
# テスト ID
2+
3+
WAIC-TEST-0142-01
4+
5+
# テストのタイトル
6+
7+
検索結果にステータスメッセージを提供するために role="status" を使用する。
8+
9+
# テストの目的
10+
11+
role="status" を持つ要素の内容が更新された際に、変更が通知されることを確認する。
12+
13+
# テストの対象となる達成基準 (複数)
14+
15+
4.1.3
16+
17+
# 関連する達成方法 (複数)
18+
19+
ARIA22
20+
21+
# テストコードのソース (抜粋)
22+
23+
```html
24+
<main>
25+
<div role="search">
26+
<label for="mockinput">次の語と一致する単語を検索:
27+
<input type="text" name="mockinput" id="mockinput" value="オレンジ">
28+
</label>
29+
<button id="btn" onclick="findOrange()">検索</button>
30+
</div>
31+
<h2>結果</h2>
32+
<p role="status" id="resultsmsg"></p>
33+
</main>
34+
```
35+
36+
```JavaScript
37+
function findOrange () {
38+
document.getElementById("resultsmsg").textContent = "0 件の結果が返されました"
39+
}
40+
```
41+
42+
# テスト手順 (視覚閲覧環境)
43+
44+
なし
45+
46+
# 期待される結果 (視覚閲覧環境)
47+
48+
なし
49+
50+
# テスト実施時の注意点 (視覚閲覧環境)
51+
52+
なし
53+
54+
# テスト手順 (音声閲覧環境)
55+
56+
テストファイルを開き、検索フィールドに初期値「オレンジ」が入力されている状態で「検索」ボタンをクリックし通知内容を確認する。
57+
58+
# 期待される結果 (音声閲覧環境)
59+
60+
「検索」ボタンを実行した後、フォーカス位置の変更に関わらず、「0 件の結果が返されました」と通知される。
61+
62+
# テスト実施時の注意点 (音声閲覧環境)
63+
64+
なし
65+
66+
# 関連する要素や属性
67+
68+
role 属性

0 commit comments

Comments
 (0)