見出し構造

解説

見出し構造は、ページの中身を見出しの階層で表した構造です。h1からh6までのタグでレベルを分け、どの段落がどの話題に属するのかを人にも機械にも伝えます。スクリーンリーダーの利用者は本文を頭から読まず、見出しの一覧をたどって目的の節へ移動します。見た目の文字の大きさではなく、タグそのものが意味を持つ点が要点です。

見出しタグはh1を1つに絞り階層を飛ばさずに組む

• h1は1ページに1つ
• レベルを飛ばさない（h2の次にh4を置かない）
• 文字を大きく見せたいだけの目的で見出しタグを使わない

装飾のつもりで見出しタグを使うと、読み上げソフトが作る目次に本文の断片が紛れ込みます。強調だけが目的なら、太字やスタイル指定で対応します。

FAQでは見出しがページ内目次と検索の手がかりになる

FAQサイトでは、見出しがページ内目次の項目名としてそのまま使われることが多く、記事内を検索したときのヒット位置を示す手がかりにもなります。「概要」「注意点」のように中身の分からない語を並べると、目次を見ても目的の節にたどり着けません。「エラーコード403が出たときの対処」のように節の中身を言い切る見出しにすれば、途中から読む人でも自分の状況に合う節を選べます。手順が長い記事ほど、この差が読み手の迷いに直結します。