Skip to content

Commit

Permalink
Merge pull request #221 from waic/add-test-case-0057-01
Browse files Browse the repository at this point in the history
テストケース 0057-01 作成(ARIA 5 事例1)
  • Loading branch information
nishimotz authored Mar 12, 2024
2 parents e287e1e + 5a1f93a commit 28e538b
Show file tree
Hide file tree
Showing 3 changed files with 121 additions and 1 deletion.
26 changes: 26 additions & 0 deletions WAIC-CODE/WAIC-CODE-0057-01.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>

<html lang="ja">
<head>
<meta charset="utf-8">
<title>WAIC-CODE-0057-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>
<h1>WAIC-CODE-0057-01</h1>

<h2>aria-pressed 属性のないボタン要素</h2>
<button type="button">ボタン0</button>

<h2>aria-pressed 属性のあるボタン要素</h2>
<h3>aria-pressed 属性値が false</h3>
<button type="button" aria-pressed="false">ボタン1</button>
<h3>aria-pressed 属性値が true</h3>
<button type="button" aria-pressed="true">ボタン2</button>
<h3>aria-pressed 属性値が mixed</h3>
<button type="button" aria-pressed="mixed">ボタン3</button>

</body>
</html>
3 changes: 2 additions & 1 deletion WAIC-TEST/HTML/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -98,4 +98,5 @@
* [0039-01: aria-label 属性によるラベルの提供(a 要素)](WAIC-TEST-0039-01.md)
* [0041-01: リンクの目的を示すために aria-labelledby を使用する](WAIC-TEST-0041-01.md)
* [0044-01: ページのリージョンを特定するために ARIA ランドマークを使用する](WAIC-TEST-0044-01.md)
* [0049-01: role 属性によるエラーの通知(alertdialog:aria-labelledby属性、aria-describedby属性と併用)](WAIC-TEST-0049-01.md)
* [0049-01: role 属性によるエラーの通知(alertdialog:aria-labelledby属性、aria-describedby属性と併用)](WAIC-TEST-0049-01.md)
* [0057-01: aria-pressed 属性による状態の明示 (ボタン要素)](WAIC-TEST-0057-01.md)
93 changes: 93 additions & 0 deletions WAIC-TEST/HTML/WAIC-TEST-0057-01.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
# テスト ID

WAIC-TEST-0057-01

# テストのタイトル

aria-pressed 属性による状態の明示 (ボタン要素)

# テストの目的

button ロールを持つ要素に対して aria-pressed 属性を指定することで、ロールや状態の通知が変わることを確認する。

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

4.1.2

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

ARIA5

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

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

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

```HTML
<h2>aria-pressed 属性のないボタン要素</h2>
<button type="button">ボタン0</button>

<h2>aria-pressed 属性のあるボタン要素</h2>
<h3>aria-pressed 属性値が false</h3>
<button type="button" aria-pressed="false">ボタン1</button>
<h3>aria-pressed 属性値が true</h3>
<button type="button" aria-pressed="true">ボタン2</button>
<h3>aria-pressed 属性値が mixed</h3>
<button type="button" aria-pressed="mixed">ボタン3</button>
```

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

テスト不要

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

なし

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

なし

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

## テスト手順 1.

「ボタン1」の通知内容を確認する。

## 期待される結果 1.

通知が次の 1. 〜 2. を全て満たすことを確認する。

1. 通知内容に、「トグルボタン」などと押されている状態をもつロールであることが判別できるものが含まれる。
2. 通知内容に、押されている状態であると判別できるものが含まれない。

## テスト手順 2.

「ボタン2」の通知内容を確認する。

## 期待される結果 2.

通知が次の 1. 〜 2. を全て満たすことを確認する。

1. 通知内容に、「トグルボタン」などと押されている状態をもつロールであることが判別できるものが含まれる。
2. 通知内容に、押されている状態であると判別できるものが含まれる。

## テスト手順 3.

「ボタン3」の通知内容を確認する。

## 期待される結果 3.

通知が次の 1. 〜 2. を全て満たすことを確認する。

1. 通知内容に、「トグルボタン」などと押されている状態をもつロールであることが判別できるものが含まれる。
2. 通知内容に、押されている状態と押されていない状態が混在していると判別できるものが含まれる。

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

トグルボタンは「切り替えボタン」などと通知されることもある。トグルボタンであることが伝わるような何らかの通知があれば良い。

# 関連する要素や属性

button 要素, aria-pressed 属性

0 comments on commit 28e538b

Please sign in to comment.