サイト改善・運営のご相談窓口 電話番号03-3261-7431 メールアドレス:office@aao.ne.jp

注目テーマ
JIS、総務省運用ガイドライン
リニューアルCMS導入
職員の啓発
タブレット・スマートフォン対応

現在位置:トップページ > 用語集 > label要素

無料A.A.O.公共機関
ウェブサイト通信

解説コラム、セミナー情報、調査結果等、公共機関ウェブサイト担当者様向けに最新情報をメールでお届けします。

改正JIS対応に関する
お問い合わせ

サイト内容やJIS規格対応支援等のサービスについてのお問い合わせ、お見積もり・ご相談・ご依頼は以下のお問い合わせフォーム(SSL)で承っております。

電話番号03-3261-7431
メールアドレス:office@aao.ne.jp

label要素

テキストボックスやラジオボタンなどのフォーム部品と、それらのラベル(入力項目や選択肢)を結びつけるための要素。label要素を用いてフォーム部品とラベルを結びつけると、音声読み上げソフトを利用している場合に、どこに何を入力すればよいか、あるいは今どの選択肢が選択されているのかを理解しやすくなる。

また、ラベルの部分をクリックした場合でも、その項目が選択されるため、細かいマウス操作をする必要がなくなり、すべてのユーザーにとって使い勝手が向上する。

label要素の例
label要素を使ったフォーム




ソースコード
(HTMLの場合)
<input type="checkbox" id="syogaku">
<label for="syogaku">小学生</label>
<br>
<input type="checkbox" id="chugaku">
<label for="chugaku">中学生</label>
<br>
<input type="checkbox" id="koko">
<label for="koko">高校生</label>
<br>
<input type="checkbox" id="daigaku">
<label for="daigaku">大学生</label>
<br>

50音順索引 カテゴリ別索引

A.A.O.公共機関ホームページ支援メニューのご案内

A.A.O.では、官公庁、自治体、独立行政法人、各種公共団体、民間企業などのウェブサイトのアクセシビリティ改善、ユーザビリティ改善などを強力にバックアップするサービスを行っております。

電話番号03-3261-7431
メールアドレス:office@aao.ne.jp

全ページJIS検証プログラムAion

ウェブサイト解析CRONOS2