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