as_test

テスト ID

WAIC-TEST-0057-01

テストのタイトル

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

テストの目的

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

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

4.1.2

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

ARIA5

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

WAIC-CODE-0057-01

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

<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 属性