【注意】この文書にはより新しいバージョンが存在します: WCAG 2.1 解説書

WCAG 2.0 解説書

本文へジャンプ

-

見出し及びラベル:
達成基準 2.4.6 を理解する

2.4.6 見出し及びラベル: 見出し及びラベルは、主題又は目的を説明している。 (レベル AA)

この達成基準の意図は、ウェブページにどんな情報があるのか、及びその情報がどのように構成されているのかを、利用者が理解するのを手助けすることである。見出しが明快かつ内容が分かるように記述されている場合、利用者は自分の探している情報をより容易に見つけることができ、コンテンツ内の様々な部分間の関係をより容易に理解できる。内容が分かるように記述されているラベルは、利用者がコンテンツ内にある特定のコンポーネントを識別するのに役立つ。

ラベル及び見出しを長くする必要があるわけではない。単語一つ又は一文字だけであっても、コンテンツを見つけてナビゲートする手がかりとして適切であれば、それだけで十分なこともある。

注記: この達成基準は見出しやラベルを必ずしも必要としない。見出しやラベルが提供されている場合、それらの内容が分かるように記述されていることが求められる。また、見出しやラベルが提供されている場合には、 達成基準 1.3.1 情報及び関係性を理解するを満たさなければならないことに注意する。

  • 内容が分かるように記述された見出しは、読む速度が遅くなる障害のある利用者及び短期記憶に制約のある利用者に特に役立つ。そのような利用者にとっては、それぞれのセクションの内容を予測できるようにセクションの見出しが記述されていると役立つ。

  • 手を使うのが難しい人、又は手を使うときに痛みを感じる人は、必要なコンテンツに到達するのに必要なキーストロークの数を減らすテクニックから恩恵を受ける。

  • この達成基準は、目次などで文脈を無視して読むとき、又はページ内の見出しから見出しへ移動するときに、ラベル及び見出しが意味のあることを保証することによって、スクリーンリーダーの利用者を手助けする。

    また、この達成基準は、一度にほんの少しの単語しか見ることのできない、ロービジョンの利用者にも役立つ。

リソースは、情報提供のみを目的としており、推奨を意味するものではない。

この節にある番号付きの各項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断する達成方法、又は複数の達成方法の組み合わせを表している。しかしながら、必ずしもこれらの達成方法を用いる必要はない。その他の達成方法についての詳細は、WCAG 達成基準の達成方法を理解するの「その他の達成方法」を参照のこと。

  1. G130: 説明的な見出しをつける

  2. G131: 説明的なラベルを提供する

注記: 達成基準 1.3.1 により、見出し及びラベルは、プログラムによる解釈がされなければならない。

訳注: 上記注記で「見出し及びラベルは、プログラムによる解釈がされなければならない。」と記述されているが、これは達成基準 1.3.1 を正確に反映したものではない。よって、この記述は達成基準 1.3.1 にあるとおり、「見出し及びラベルは、プログラムで決定できるか又はテキストで利用できなければならない。」と解釈するのが妥当と考えられる。w3c/wcag#315 で改善が提案されているので、あわせて参照されたい。

適合のために必須ではないが、コンテンツをよりアクセシブルにするために、次の追加の達成方法を検討することが望ましい。ただし、すべての状況において、すべての達成方法が使用可能、又は効果的であるとは限らない。

  • ウェブページに一意なセクション見出しを用いる(リンク追加予定)

  • 一意な情報からセクション見出しをはじめる(リンク追加予定)

以下に挙げるものは、WCAG ワーキンググループが達成基準 2.4.6 の失敗例とみなした、よくある間違いである。

(今のところ、文書化された失敗例はない)

重要な用語

ラベル (label)

テキスト、又はテキストによる代替を伴うコンポーネントで、ウェブコンテンツ内のコンポーネントを識別するために利用者に提示されているもの。

注記 1: 名前 (name) は隠されていて支援技術に対してだけ明らかにされる場合がある一方で、ラベルはすべての利用者に提示される。多くの場合 (すべてではないが)、名前 (name) とラベルは同じである。

注記 2: ラベルという用語は、HTML における label 要素だけに限定されない。