diff --git a/WAIC-CODE/WAIC-CODE-0057-01.html b/WAIC-CODE/WAIC-CODE-0057-01.html new file mode 100644 index 0000000..1202ddc --- /dev/null +++ b/WAIC-CODE/WAIC-CODE-0057-01.html @@ -0,0 +1,26 @@ + + + + + +WAIC-CODE-0057-01 + + + + + +

WAIC-CODE-0057-01

+ +

aria-pressed 属性のないボタン要素

+ + +

aria-pressed 属性のあるボタン要素

+

aria-pressed 属性値が false

+ +

aria-pressed 属性値が true

+ +

aria-pressed 属性値が mixed

+ + + + diff --git a/WAIC-TEST/HTML/README.md b/WAIC-TEST/HTML/README.md index ed71fdf..3121fd1 100644 --- a/WAIC-TEST/HTML/README.md +++ b/WAIC-TEST/HTML/README.md @@ -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) \ No newline at end of file +* [0049-01: role 属性によるエラーの通知(alertdialog:aria-labelledby属性、aria-describedby属性と併用)](WAIC-TEST-0049-01.md) +* [0057-01: aria-pressed 属性による状態の明示 (ボタン要素)](WAIC-TEST-0057-01.md) diff --git a/WAIC-TEST/HTML/WAIC-TEST-0057-01.md b/WAIC-TEST/HTML/WAIC-TEST-0057-01.md new file mode 100644 index 0000000..14350e2 --- /dev/null +++ b/WAIC-TEST/HTML/WAIC-TEST-0057-01.md @@ -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 +

aria-pressed 属性のないボタン要素

+ + +

aria-pressed 属性のあるボタン要素

+

aria-pressed 属性値が false

+ +

aria-pressed 属性値が true

+ +

aria-pressed 属性値が mixed

+ +``` + +# テスト手順 (視覚閲覧環境) + +テスト不要 + +# 期待される結果 (視覚閲覧環境) + +なし + +# テスト実施時の注意点 (視覚閲覧環境) + +なし + +# テスト手順と期待される結果 (音声閲覧環境) + +## テスト手順 1. + +「ボタン1」の通知内容を確認する。 + +## 期待される結果 1. + +通知が次の 1. 〜 2. を全て満たすことを確認する。 + +1. 通知内容に、「トグルボタン」などと押されている状態をもつロールであることが判別できるものが含まれる。 +2. 通知内容に、押されている状態であると判別できるものが含まれない。 + +## テスト手順 2. + +「ボタン2」の通知内容を確認する。 + +## 期待される結果 2. + +通知が次の 1. 〜 2. を全て満たすことを確認する。 + +1. 通知内容に、「トグルボタン」などと押されている状態をもつロールであることが判別できるものが含まれる。 +2. 通知内容に、押されている状態であると判別できるものが含まれる。 + +## テスト手順 3. + +「ボタン3」の通知内容を確認する。 + +## 期待される結果 3. + +通知が次の 1. 〜 2. を全て満たすことを確認する。 + +1. 通知内容に、「トグルボタン」などと押されている状態をもつロールであることが判別できるものが含まれる。 +2. 通知内容に、押されている状態と押されていない状態が混在していると判別できるものが含まれる。 + +# テスト実施時の注意点 (音声閲覧環境) + +トグルボタンは「切り替えボタン」などと通知されることもある。トグルボタンであることが伝わるような何らかの通知があれば良い。 + +# 関連する要素や属性 + +button 要素, aria-pressed 属性