2.4.4 リンクの目的 (コンテキスト内)

要件

リンクのテキストまたはプログラムによって決定可能なリンクの文脈により、リンクの目的が明確に理解できるようにすること。

内容のポイント

• 「こちら」や「クリック」などの曖昧なリンクテキストは NG。
• リンクの前後にあるテキスト情報と組み合わせて目的が明確になれば OK。
• 支援技術（スクリーンリーダー等）がリンク一覧だけを読み上げた場合にも意味が通るように意識するのが理想です。

NG例（目的が分からない）

<p>製品の詳細については <a href="/product.html">こちら</a> をご覧ください。</p>

スクリーンリーダーで「リンク：こちら」と読み上げられても、リンク先の内容が不明です。

OK例（文脈やリンクテキストから明確）

または

<p><a href="/product.html">製品ラインアップ一覧</a></p>

文脈で判断される例

<h2>採用情報</h2>
<p><a href="/recruit.html">こちらをご覧ください</a></p>

この場合、見出し <h2> が「採用情報」なので、「こちら」のリンクでも目的が明確とみなされます。

※ただし、視覚障害者が「リンク一覧」で見たときに「こちら」だけが並ぶのは避けたいので、理想はリンク自体に内容を含めることです。

推奨対応

• リンクテキスト単体で意味が伝わるように記述

（例）「会社概要はこちら」→「会社概要を見る」
（例）「お問い合わせはこちら」→「お問い合わせフォーム」

• または 明確な見出し・段落の直後にリンクを置く

利点

• ユーザーがリンク先の内容を事前に理解しやすくなる
• スクリーンリーダー利用者が混乱なく目的の情報へアクセスできる
• モバイル環境でも直感的に操作しやすくなる

まとめ

項目	内容
達成基準	2.4.4 リンクの目的（コンテキスト内）
レベル	A
対象	すべてのリンク
要件	リンクテキストまたはその周辺の文脈でリンクの目的を明確にする
NG例	「こちら」「ここをクリック」など単独では意味不明なリンク
OK例	「会社概要」「製品一覧を見る」など内容を明示するリンク

一覧に戻る