LEARN BY EXAMPLE
2.4.6 見出し及びラベル レベル AA
見出しや項目名から、内容や目的がわかるようにする。
概要
見出しやラベルを用意する場合は、それぞれが主題又は目的を説明するようにします。見出しは続く内容を、ラベルは入力欄や操作部品の目的を理解する手がかりになります。
同じ案内を内容がわかる見出しとラベルで示す
利用者が困る例 何の案内・番号かが曖昧
読む場所や、入力する内容を判断しにくい。
見出しや項目名だけでは申込方法や電話番号の欄だとわかりません。
改善した例 主題と入力する内容がわかる
写真教室
申込方法
市民センターの窓口で受け付けます。
申込者の連絡先
見出しから読む場所を、ラベルから入力内容を選べる。
「連絡先の電話番号」は入力中も確認できます。
達成できないと起こる問題の例
写真教室に申し込むため、市民センターの案内を読みます。申込方法の見出しは「ご案内」、連絡先を入力する部分の見出しは「入力欄」です。電話番号を求める欄にも「番号」としか書かれていません。
内容を読むのに時間がかかる人は、どの部分を読めばよいか予測しにくくなります。読み上げで見出しを順に調べる人も、申込方法を見つけにくくなります。「番号」の欄に何を入力するかも判断できません。
達成するための改善例
同じ内容の見出しを「申込方法」と「申込者の連絡先」に変えます。電話番号の欄には「連絡先の電話番号」と表示します。
利用者は見出しから読む場所を選び、ラベルから入力する内容を判断できます。図の「改善した例」では電話番号を入力しても項目名を確認できます。
確認のポイント
- 見出しがその後に続く内容の主題や目的を説明していますか。
- ラベルから、入力する内容や部品の目的を判断できますか。
- 「ご案内」「番号」などの短い表現でも、その場面の文脈から意味がわかりますか。
- 見出しやラベルの構造・関連付けと、その言葉のわかりやすさを、それぞれ確認しましたか。
条件と補足
見出しやラベルがある場合の要件
2.4.6は用意された見出しやラベルが内容を説明しているかを扱います。すべての部分に見出しを設置することを、この基準だけで義務付けてはいません。
短い表現でも、文脈の中で主題や目的がわかれば使えます。例えば、氏名を2つの欄に分ける場面では「姓」「名」でも目的を説明できます。図の「番号」は何の番号かを判断する手がかりが足りないため、具体的にしています。
構造と説明内容は別に確認する
見出しらしく表示した部分を見出しとして伝えることや、ラベルを入力欄と結び付けることは、1.3.1「情報及び関係性」で確認します。正しい構造があっても、言葉が曖昧なら2.4.6の問題は残ります。
利用者の入力が必要なときにラベルや説明を用意する要件は、3.3.2「ラベル又は説明」にあります。2.4.6ではラベルが存在する場合の説明内容を確認します。
参照資料
- WCAG 2.2 本体:2.4.6 Headings and Labels(要件)
- WAIC:2.4.6 見出し及びラベルの解説
- W3C:Understanding Headings and Labels(英語公開版)
- W3C:G130 内容を説明する見出しの例
- W3C:G131 目的を説明するラベルの例
出典の最終確認: 2026-11-09。