Skip to content

0142-01 / ARIA22のテストを追加（事例1） #274

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 6 commits into from
Jun 11, 2025
Merged

0142-01 / ARIA22のテストを追加（事例1） #274

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
bd81ac9
0142-01テストケース／テストコード作成
sasak1ll May 13, 2025
ca1ebb7
Update and rename WAIC-TEST/WAIC-TEST-0142-01.md to WAIC-TEST/HTML/WA…
sasak1ll May 14, 2025
ec85519
達成基準名を削除
sasak1ll Jun 11, 2025
4392b5c
視覚閲覧環境のテストを修正
sasak1ll Jun 11, 2025
4648a12
テストコードのソースを修正
sasak1ll Jun 11, 2025
1b56db9
テストコードのソースを修正
sasak1ll Jun 11, 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
27 changes: 27 additions & 0 deletions WAIC-CODE/WAIC-CODE-0142-01.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>WAIC-CODE-0142-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）">
<script>
function findOrange () {
document.getElementById("resultsmsg").innerHTML = "0 件の結果が返されました"
}
</script>
</head>
<body>
<div role="main">
<div role="search">
<label for="mockinput">次の語と一致する単語を検索:
<input type="text" name="mockinput" id="mockinput" value="オレンジ">
</label>
<button id="btn" onclick="findOrange()">検索</button>
</div>
<h2>結果</h2>
<p role="status" aria-atomic="true" id="resultsmsg"></p>
</div>
</body>
</html>
68 changes: 68 additions & 0 deletions WAIC-TEST/HTML/WAIC-TEST-0142-01.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
# テスト ID

WAIC-TEST-0142-01

# テストのタイトル

検索結果にステータスメッセージを提供するために role="status" を使用する。

# テストの目的

role="status" を持つ要素の内容が更新された際に、変更が通知されることを確認する。

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

4.1.3 ステータスメッセージ
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

達成基準名は書かない


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

ARIA22

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

```html
<div role="main">
<div role="search">
<label for="mockinput">次の語と一致する単語を検索:
<input type="text" name="mockinput" id="mockinput" value="オレンジ">
</label>
<button id="btn" onclick="findOrange()">検索</button>
</div>
<h2>結果</h2>
<p role="status" aria-atomic="true" id="resultsmsg"></p>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

暗黙の値を省略してよい。
W3C推奨マークアップに寄せる。

</div>
```

```JavaScript
function findOrange () {
document.getElementById("resultsmsg").innerHTML = "0 件の結果が返されました"
}
```

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

テストファイルを開き、検索フィールドに初期値「オレンジ」が入力されている状態で「検索」ボタンをクリックし表示内容を確認する。

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

「結果」の下に「0 件の結果が返されました」というテキストが表示される。

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

なし
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

動作するかどうかのテストになっており、この達成方法について視覚閲覧環境のテストは不要としてよい。


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

テストファイルを開き、検索フィールドに初期値「オレンジ」が入力されている状態で「検索」ボタンをクリックし通知内容を確認する。

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

「検索」ボタンを実行した後、フォーカス位置の変更に関わらず、「0 件の結果が返されました」と通知される。

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

なし

# 関連する要素や属性

role 属性