目次の 2 つのリンクが見出しの id に届く

目次の 2 つのリンクがそれぞれ同名の id を持つ見出しに届く、問題のない標準的なページ内ナビの例です。

入力

<nav><a href="#intro">はじめに</a> <a href="#faq">よくある質問</a></nav>
<h2 id="intro">はじめに</h2>
<h2 id="faq">よくある質問</h2>

(空)

エラー 0 件・警告 0 件・情報 0 件

指摘はありません。

リンクごとの照合結果
番号	リンク先	判定	飛び先	位置
1	#intro	届く	id="intro" の要素(2 行目)	1 行目
2	#faq	届く	id="faq" の要素(3 行目)	1 行目

#intro は id="intro" の見出しに、#faq は id="faq" の見出しに完全一致で届きます。重複した id もないため、検査したリンク 2 件がすべて届き、エラー・警告は 0 件です。

判定の根拠は仕様と根拠に、仕様の出典とともにまとめています。自分の入力で試すにはツールをお使いください。

貼り付けた HTML の中だけを照合します。別のページの id へのリンクや、外部のアドレスへの問い合わせはしません。
JavaScript で後から作られる要素の id や、フレームワークが実行時に付ける id は読み取れません。
固定ヘッダーの点検は、style 要素の html・:root の指定と、飛び先の style 属性だけを読む簡易的なものです。外部の CSS ファイルは読めません。
HTML の構文の誤りを補う複雑な解釈(ブラウザの修復)には対応しません。

ご利用にあたって