Skip to content

Commit b19487f

Browse files
nishimotznishimotz
authored
Merge pull request #243 from waic/add-test-0085-01
0085-01 / H98のテストを追加
2 parents 91ed0f9 + 47efdd6 commit b19487f

File tree

2 files changed

+163
-0
lines changed

2 files changed

+163
-0
lines changed

‎WAIC-CODE/WAIC-CODE-0085-01.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
3+
<html lang="ja">
4+
<head>
5+
<meta charset="utf-8">
6+
<title>WAIC-CODE-0085-01</title>
7+
<meta name="copyright" content="This document is licensed under a Creative Commons 4.0">
8+
<link rel="license" href="https://creativecommons.org/licenses/by/4.0/">
9+
<meta name="author" content="ウェブアクセシビリティ基盤委員会（WAIC）">
10+
</head>
11+
<body>
12+
<form>
13+
<div>
14+
<label for="name">名前</label>
15+
<input type="text" id="name" name="name" autocomplete="name">
16+
</div>
17+
<div>
18+
<label for="email">メールアドレス</label>
19+
<input type="email" id="email" name="email" autocomplete="email">
20+
</div>
21+
<div>
22+
<label for="tel">電話番号</label>
23+
<input type="tel" id="tel" name="tel" autocomplete="tel">
24+
</div>
25+
<div>
26+
<label for="postal-code">郵便番号</label>
27+
<input type="text" id="postal-code" name="postal-code" autocomplete="postal-code">
28+
</div>
29+
</form>
30+
</body>
31+
</html>

‎WAIC-TEST/HTML/WAIC-TEST-0085-01.md‎

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
# テスト ID
2+
3+
WAIC-TEST-0085-01
4+
5+
# テストのタイトル
6+
7+
autocomplete 属性による入力内容の関連付け
8+
9+
# テストの目的
10+
11+
input要素に設定されたautocomplete属性が機能することを確認する
12+
13+
# テストの対象となる達成基準 (複数)
14+
15+
1.3.5
16+
17+
# 関連する達成方法 (複数)
18+
H98
19+
20+
# テストコード (テストファイルへのリンク)
21+
22+
[WAIC-CODE-0085-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0085-01.html)
23+
24+
# テストコードのソース (抜粋)
25+
26+
```HTML
27+
28+
<form>
29+
<div>
30+
<label for="name">名前</label>
31+
<input type="text" id="name" name="name" autocomplete="name">
32+
</div>
33+
<div>
34+
<label for="email">メールアドレス</label>
35+
<input type="email" id="email" name="email" autocomplete="email">
36+
</div>
37+
<div>
38+
<label for="tel">電話番号</label>
39+
<input type="tel" id="tel" name="tel" autocomplete="tel">
40+
</div>
41+
<div>
42+
<label for="postal-code">郵便番号</label>
43+
<input type="text" id="postal-code" name="postal-code" autocomplete="postal-code">
44+
</div>
45+
</form>
46+
47+
```
48+
49+
# テスト手順と期待される結果 (視覚閲覧環境)
50+
51+
## テスト手順 1
52+
53+
名前を入力するフィールドをクリックまたはタップする
54+
55+
## 期待される結果 1
56+
57+
過去に入力して記録された名前に関する情報が表示される
58+
59+
## テスト手順 2
60+
61+
メールアドレスを入力するフィールドをクリックまたはタップする
62+
63+
## 期待される結果 2
64+
65+
過去に入力して記録されたメールアドレスに関する情報が表示される
66+
67+
## テスト手順 3
68+
69+
電話番号を入力するフィールドをクリックまたはタップする
70+
71+
## 期待される結果 3
72+
73+
過去に入力して記録された電話番号に関する情報が表示される
74+
75+
## テスト手順 4
76+
77+
郵便番号を入力するフィールドをクリックまたはタップする
78+
79+
## 期待される結果 4
80+
81+
過去に入力して記録された郵便番号に関する情報が表示される
82+
83+
# テスト実施時の注意点 (視覚閲覧環境)
84+
85+
事前にブラウザでオートコンプリートを有効にする必要がある
86+
87+
# テスト手順と期待される結果 (音声閲覧環境)
88+
89+
## テスト手順 1
90+
91+
名前を入力するフィールドへフォーカスを移動する
92+
93+
## 期待される結果 1
94+
95+
過去に入力して記録された名前に関する情報が読み上げられる
96+
97+
## テスト手順 2
98+
99+
メールアドレスを入力するフィールドへフォーカスを移動する
100+
101+
## 期待される結果 2
102+
103+
過去に入力して記録されたメールアドレスに関する情報が読み上げられる
104+
105+
## テスト手順 3
106+
107+
電話番号を入力するフィールドへフォーカスを移動する
108+
109+
## 期待される結果 3
110+
111+
過去に入力して記録された電話番号に関する情報が読み上げられる
112+
113+
## テスト手順 4
114+
115+
郵便番号を入力するフィールドへフォーカスを移動する
116+
117+
## 期待される結果 4
118+
119+
過去に入力して記録された郵便番号に関する情報が読み上げられる
120+
121+
autocompleteによって記録された情報は、各入力項目を選択した状態で、以下のように確認する
122+
123+
- キーボード操作: 下矢印キーを押す
124+
- タッチ操作: 入力項目に隣接する内容をタッチもしくはスワイプする
125+
126+
# テスト実施時の注意点 (音声閲覧環境)
127+
128+
事前にブラウザでオートコンプリートを有効にする必要がある
129+
130+
# 関連する要素や属性
131+
132+
input 要素,autocomplete 属性

0 commit comments

Comments
 (0)