ラジオボタン・チェックボックスの選択肢をグループ化できませんか? | |
JIS 5.3 b); | |
概要
Webページにフォームのラジオボタンあるいはチェックボックスが2つ以上あります。もし、その選択肢を幾つかのグループに分けることができる場合は、fieldset要素およびlegend要素を用いて選択肢が適切にグループ化されていることを確認してください。 |
|
修正/チェック方法
フォームのラジオボタンあるいはチェックボックスの選択肢が多い場合は、fieldset要素およびlegend要素でグループ化してください。 |
|
修正/チェックのポイント
|
|
JIS関連項目
|
|
解説
ラジオボタンやチェックボックスの選択肢が多すぎると、ユーザーはその中から選択するのが大変です。その数によっては、まず探し出すのに苦労するかもしれません。 fieldset要素およびlegend要素を用いて、ラジオボタンやチェックボックスで提供されている選択肢をグループ化することができます。ユーザーが数多く並んでいるラジオボタンやチェックボックスの中からどれか1つを選択しなければならないときに、グループ化されていると選択がしやすくなります。fieldset要素およびlegend要素を使うと、関連性のある選択肢を1つのグループにまとめて、そのグループにラベルを付けることが可能です。ユーザーは、選択肢がずらりと並んでいるだけのラジオボタンやチェックボックスよりも、容易に全体を把握して選択肢を見つけ出すことができるようになります。以下が、そのHTMLソースコード例です。 <fieldset> <legend>映画</legend> <input type="checkbox" id="action" name="action">アクション <input type="checkbox" id="comedy" name="comedy">コメディ <input type="checkbox" id="drama" name="drama">ドラマ <input type="checkbox" id="horror" name="horror">ホラー </fieldset> <fieldset> <legend>スポーツ</legend> <input type="checkbox" id="ball" name="ball">野球 <input type="checkbox" id="soccer" name="soccer">サッカー <input type="checkbox" id="golf" name="golf">ゴルフ <input type="checkbox" id="fight" name="fight">格闘技 </fieldset> |
|
JIS X 8341-3について
JIS X 8341-3 の内容は、以下のサイトにて規格番号「X8341-3」で検索して、規格票をご覧ください。
|