富士通ウェブ・アクセシビリティ指針

  仕様に関する指針 ＜フォーム＞  |   企画・設計・制作・運営工程

解説

ラベル（名称）とコントロールを関連づけ、複数のコントロールを適切にグルーピングすることで、設定すべきコントロールが見つけやすくなります。

また、上肢に障害のある利用者や高齢者の場合、チェックボックスなど表示面積の小さいコントロールを、マウスで選択することは困難です。
ラベルとコントロールを関連づけることで、ラベル部分をクリックし、コントロールを選択することが容易になります。

事例と実装

• <label>タグを使用し、ラベルとコントロールを関連づける。
• コントロールが多くなる場合は、グループ化する。<fieldset>タグを使って、グループ化し、<legend>タグでグループのタイトルをつければよい。

悪い例: <label>タグを使用しない場合、チェックボックスしかクリックできない

良い例: <label>タグを使用した場合、テキスト部分もクリックできる

前へ   37    38    39    40    41    42    43    44    45    46    47    48   次へ