AAA

2.4.9 リンクの目的 (リンクのみ)

アクセシビリティにおける達成基準 2.4.9「リンクの目的(リンクのみ)」は、リンクテキスト単体でその目的が分かるようにすることを求めるルールで、レベル AAA(最高等級)に分類されています。

要件

リンク単体(そのテキストのみ)から目的が理解できるようにすること。
コンテキスト(前後の文脈や周辺要素)を頼らず、リンクテキスト自体が意味を持っている必要があります。

内容のポイント

項目内容
対象すべての ハイパーリンク<a>タグ)
必要性リンクを選択する前に、その遷移先や目的が分かるように
想定読者スクリーンリーダー利用者など、リンク単体の読み上げリストでナビゲートする方々

OKなリンク例(単体で意味が分かる)

<a href="/download/company-brochure.pdf">会社案内をダウンロード</a>
<a href="/products/model-a">モデルAの詳細を見る</a>
<a href="/contact">お問い合わせはこちら</a>

どこへ行くかが リンクテキストのみで明確

NGなリンク例(文脈依存)

<a href="/products/model-a">こちら</a>
<a href="/downloads">PDF</a>
<a href="/more-info">詳しくはこちら</a>
  • テキストだけでは 遷移先や目的が分からない
  • スクリーンリーダーで「こちら」「こちら」「こちら」と連続するだけになる

改善のコツ

方法内容
具体的なリンクテキストを書く「製品一覧を見る」「導入事例を読む」など動詞+目的で構成
リンク周辺の文脈に頼らない前後の文章なしでも意味が分かるように
アイコンリンクも補足「虫眼鏡アイコン」だけでは不十分。aria-labelなどで補足を

HTML例(支援技術対応も意識)

<a href="/about" aria-label="会社情報を見る">会社情報</a>
<a href="/faq" aria-label="よくあるご質問を見る">FAQ</a>

aria-label はスクリーンリーダー専用のテキストとして使用可能

利点

  • 視覚障害のあるユーザーも、リンク一覧から意図を正確に把握
  • ナビゲーション効率の向上
  • SEOにも有利(リンクテキストが具体的で意味があるため)

チェックリスト

  • リンクテキストのみで、行き先や内容が分かるか?
  • 「こちら」「ここ」「読む」などの曖昧表現は使っていないか?
  • リスト形式で読み上げられた時に意味が通じるか?

まとめ

項目内容
達成基準2.4.9「リンクの目的(リンクのみ)」
等級AAA
ポイントリンクテキスト単体で、リンク先や意図が明確であること
実装方法「〇〇をダウンロード」「〇〇の詳細を見る」などの具体的テキストを使用
利点スクリーンリーダー対応、UX向上、SEO強化にも寄与

レベルAAAは義務ではなく推奨ですが、BtoBサイトや官公庁、教育・医療分野では、より高い配慮として採用されるケースが増えています。特にグローバルナビやCTAボタンの文言は、この基準に近づけておくとユーザー体験の質が向上します。

最終更新日:2025年12月01日
一覧に戻る
お問い合わせ

当社では、ウェブサイトの診断や改善方法のご提案を通じて、
すべてのユーザーにとって使いやすいウェブづくりをサポートしています。
ご相談・ご依頼は、こちらからお気軽にお問い合わせください。

お問い合わせフォームへ