Skip to content

0085-01 / H98のテストを追加 #243

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Jan 8, 2025
Merged

0085-01 / H98のテストを追加 #243

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
df5029e
テストケース追加
yuyaroid Sep 10, 2024
0935e3a
テストケース作成
yuyaroid Dec 10, 2024
c0bcc21
サンプルコード、視覚閲覧環境でのテスト手順修正
yuyaroid Dec 10, 2024
13ed548
テストケース修正、テストコード追加
yuyaroid Jan 7, 2025
47efdd6
フィードバック反映
yuyaroid Jan 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"editor.codeActionsOnSave": {
"source.fixAll.markdownlint": true
"source.fixAll.markdownlint": "explicit"
}
}
31 changes: 31 additions & 0 deletions WAIC-CODE/WAIC-CODE-0085-01.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<!DOCTYPE html>

<html lang="ja">
<head>
<meta charset="utf-8">
<title>WAIC-CODE-0085-01</title>
<meta name="copyright" content="This document is licensed under a Creative Commons 4.0">
<link rel="license" href="https://creativecommons.org/licenses/by/4.0/">
<meta name="author" content="ウェブアクセシビリティ基盤委員会（WAIC）">
</head>
<body>
<form>
<div>
<label for="name">名前</label>
<input type="text" id="name" name="name" autocomplete="name">
</div>
<div>
<label for="email">メールアドレス</label>
<input type="email" id="email" name="email" autocomplete="email">
</div>
<div>
<label for="tel">電話番号</label>
<input type="tel" id="tel" name="tel" autocomplete="tel">
</div>
<div>
<label for="postal-code">郵便番号</label>
<input type="text" id="postal-code" name="postal-code" autocomplete="postal-code">
</div>
</form>
</body>
</html>
103 changes: 103 additions & 0 deletions WAIC-TEST/HTML/WAIC-TEST-0085-01.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
# テスト ID

WAIC-TEST-0085-01

# テストのタイトル

autocomplete 属性による入力内容の関連付け

# テストの目的

input要素に設定されたautocomplete属性が機能することを確認する

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

1.3.5

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

H98

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

[WAIC-CODE-0085-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0085-01.html)

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

```HTML

<form>
<div>
<label for="name">名前</label>
<input type="text" id="name" name="name" autocomplete="name">
</div>
<div>
<label for="email">メールアドレス</label>
<input type="email" id="email" name="email" autocomplete="email">
</div>
<div>
<label for="tel">電話番号</label>
<input type="tel" id="tel" name="tel" autocomplete="tel">
</div>
<div>
<label for="postal-code">郵便番号</label>
<input type="text" id="postal-code" name="postal-code" autocomplete="postal-code">
</div>
</form>

```

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

## テスト手順 1

名前を入力するフィールドをクリックまたはタップする

## 期待される結果 1

過去に入力して記録された名前に関する情報が表示される

## テスト手順 2

メールアドレスをニュー力するフィールドをクリックまたはタップする

## 期待される結果 2

過去に入力して記録されたメールアドレスに関する情報が表示される

## テスト手順 3

電話番号をニュー力するフィールドをクリックまたはタップする

## 期待される結果 3

過去に入力して記録された電話番号に関する情報が表示される

## テスト手順 4

郵便番号をニュー力するフィールドをクリックまたはタップする

## 期待される結果 4

過去に入力して記録された郵便番号に関する情報が表示される

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

事前にブラウザでオートコンプリートを有効にする必要がある

# テスト手順と期待される結果 (音声閲覧環境)

テスト手順と期待される結果 (視覚閲覧環境)と同様の手順で行う

autocompleteによって記録された情報は、各入力項目を選択した状態で、以下のように確認する

キーボード操作: 下矢印キーを押す
タッチ操作: 入力項目に隣接する内容をタッチもしくはスワイプする

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

事前にブラウザでオートコンプリートを有効にする必要がある

# 関連する要素や属性

input 要素,autocomplete 属性