WAIC-TEST-0037-01 / （関連する達成方法なし）: required属性による必須項目の特定 #265
Conversation
There was a problem hiding this comment.
@nishimotz
0030-01 ままで良いかなと思ったのですが、少し細かく手を入れました。
以下、変更箇所に対してざっくりコメントを記載しています。
変更箇所のうち、少し細かいのですが次の 2点については、2月の WG 内で相談させてください。
- ラジオボタングループに対する required 属性の指定方法
- グループ内の 1つのラジオボタンにのみ required 属性を指定する？
- グループ内の全部のラジオボタンに required 属性を指定する？
- 関連する達成方法がない場合ん記載方法
|
|
||
| # テストのタイトル | ||
|
|
||
| required 属性による必須項目の特定（input要素、select要素、textarea要素） |
There was a problem hiding this comment.
0030-01 では次のようになっていたので、"aria-required" 部分を "required" に置き換え。
aria-required 属性による必須項目の特定（input要素、select要素、textarea要素）
|
|
||
| # テストの目的 | ||
|
|
||
| required属性が設定された要素にフォーカスを移動した際、支援技術に必須であることが伝わることを確認する |
There was a problem hiding this comment.
0030-01 では次のようになっていたので、"aria-required" 部分を "required" に置き換え。
required属性が設定された要素にフォーカスを移動した際、支援技術に必須であることが伝わることを確認する
|
|
||
| # 関連する達成方法 (複数) | ||
|
|
||
| なし |
There was a problem hiding this comment.
「required属性による必須項目の特定」を直接的に言及する達成方法が確認できなかったため「なし」と記載。
過去のテストケースでは、例えば WAIC-TEST-0027-01.md では「今のところなし」と記載。
同様にした方が良いか相談したいです。
There was a problem hiding this comment.
- 「今のところなし」と「なし」を積極的に使い分けてこなかった。
- 「なし」を使うことの方が多い。
|
|
||
| # 期待される結果 (音声閲覧環境) | ||
|
|
||
| required属性が設定された要素にフォーカスを移動した際、支援技術に必須であることが伝わる |
There was a problem hiding this comment.
0030-01 では次のようになっていたので、"aria-required" 部分を "required" に置き換え。
aria-required属性が設定された要素にフォーカスを移動した際、支援技術に必須であることが伝わる
|
|
||
| # 関連する要素や属性 | ||
|
|
||
| required 属性が指定されているinput 要素、select 要素、textarea 要素 |
There was a problem hiding this comment.
0030-01 では次のようになっていたので、"aria-required" 部分を "required" に置き換え。
aria-required 属性が指定されているinput 要素、select 要素、textarea 要素
| </head> | ||
|
|
||
| <body> | ||
| <h1>required属性による必須項目の特定</h1> |
There was a problem hiding this comment.
0030-01 にはなかったですが、見出し構造を整えるために h1 を追加。
| <label for="usrname1">ログインネーム[*]</label> | ||
| <input type="text" name="usrname1" id="usrname1" required /> |
There was a problem hiding this comment.
テストには直接関係ないのですが、 id属性値やname属性値を調整しました。
「required属性が設定されている」「required属性が設定されていない」の2つのテストでの属性値の重複回避を、末尾数字が 1 と 2 で分けるようにしています。
| <label for="os_pc1">利用しているOS(PC)[*]</label> | ||
| <select id="os_pc1" name="os_pc1" required> | ||
| <option value="Windows">Windows</option> | ||
| <option value="macOS">macOS</option> | ||
| </select> |
There was a problem hiding this comment.
select 要素の中に必須項目を示すテキストが含まれていたため、label 要素内の末尾へと移動しました。
あわせて、他の入力項目の必須項目を示すテキストも、同様に label 要素内の末尾に移動しています。
| <fieldset> | ||
| <legend>スクリーンリーダーの利用状況</legend> | ||
| <input type="radio" id="yes1" name="sr1" value="1" required /> | ||
| <label for="yes1">利用している[*]</label> | ||
| <input type="radio" id="no1" name="sr1" value="2" required /> | ||
| <label for="no1">利用していない[*]</label> | ||
| </fieldset> |
There was a problem hiding this comment.
fieldset 要素に aria-required 属性が指定されていたので、input要素への指定へと変更しました。
ラジオボタングループへの required 属性の指定方法について相談したいです。
2つのラジオボタンに required 属性を設定する必要があるか悩んだのですが、MDN では以下のように記載されていたので、2つのラジオボタンに required 属性を設定しています。
https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/required
同じ名前が付けられた radio ボタンのグループのでは、グループ内の一つのラジオボタンに required 属性が設定されていた場合、この属性が設定されているものでなくても構わないのですが、グループ内のラジオボタンの一つをチェックする必要があります。コードの保守性を向上させるために、グループ内の同じ名前のラジオボタンすべてに required 属性を設定するか、またはどれにも設定しないようにすることをお勧めします。
There was a problem hiding this comment.
- 仕様上はどれかが必須になれば、グループ全体が必須になる
- 「保守性」と言っているが、その要素だけ特別扱いのように見えることの懸念では？
- このままでいいのでは
WAIC-TEST/HTML/WAIC-TEST-0037-01.md
Outdated
| @@ -0,0 +1,157 @@ | |||
| # テスト ID | |||
|
|
|||
| WAIC-TEST-0030-01 | |||
|
| # テスト ID | ||
|
|
||
| WAIC-TEST-0037-01 |
There was a problem hiding this comment.
テストID を 0037-01 へと修正。
ARIA2 : aria-required プロパティによって必須項目を特定するを参考に、required属性で必須項目が特定できるかを確認するテストケースを作成。
関連Issue は #171。