本文へスキップ

宮崎県ホームページバリアフリー化のための手引書

サイトマップ

チェック項目

2. 操作や入力について

(f) 入力欄を使う場合は、何を入力すれば良いかを判りやすく示し、操作しやすいようにする。

初心者高齢者視覚障害者聴覚障害者肢体不自由者

チェックボックスやラジオボタンなど表示面積の小さなコントロールをマウスで選択することが難しい場合があります。ラベル(名称) とチェックボックス等のコントロールを関連づけて、ラベル部分をクリックしてもコントロールを選択できるようにしましょう。

また、入力内容の確認画面を準備したり、入力画面に戻ったとき入力済みの内容をそのまま表示させるなど、利用者が操作ミスをしてもやり直しができるようにしましょう。

良い例



<label>タグを使用してラベルとチェックボックスを関連づけているため、文字をクリックして選択することができる。

■HTMLでの記述例

<input type="radio" name="pref" value="1"id="oita"><label for="oita">大分県</label>
<input type="radio" name="pref" value="2" id="miyazaki"><label for="miyazaki">宮崎県</label>
<input type="radio" name="pref" value="3" id="kagoshima"><label for="kagoshima">鹿児島県</label>
悪い例
大分県
宮崎県
鹿児島県

チェックボックスしかクリックできない。

■HTMLでの記述例

<input type="radio" name="pref" value="1">大分県
<input type="radio" name="pref" value="2">宮崎県
<input type="radio" name="pref" value="3">鹿児島県
ページの先頭に戻る
Copyright(C) Miyazaki Prefecture 2004. All rights reserved.