Level AWCAG 2.2

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

リンクの目的がリンクテキスト単独、またはそのコンテキストから判断できる。


なぜ重要か

スクリーンリーダー
リンク一覧機能で全リンクを確認するとき、「こちら」が並んでも区別できない。
認知障害
リンクの目的が明確だと、クリック前に遷移先を予測でき、不安が軽減される。
音声操作
音声認識ユーザーは「〇〇リンクをクリック」と言うため、リンクテキストが具体的である必要がある。
ロービジョン
画面拡大時にリンクの前後が見えないことがある。リンクテキストだけで目的を伝える必要がある。

ライブデモ

リンクテキストの比較

スクリーンリーダーの「リンク一覧」機能で表示されるリンクテキストを確認しましょう。

新しいスマートフォンが発売されました。 こちら
キャンペーン実施中!お得な情報は 詳細
利用規約を必ずご確認ください。 こちら
お問い合わせは ここをクリック
スクリーンリーダーのリンク一覧:
リンク: 「こちら
リンク: 「詳細
リンク: 「こちら
リンク: 「ここをクリック
「こちら」が2つ…どちらがどこへ行くかわからない
スクリーンリーダーユーザーはリンク一覧で全リンクを確認します。 「こちら」「詳細」だけでは、文脈なしにリンクの目的を理解できません。

ペルソナで理解する

中村さん(45歳)— 全盲

スクリーンリーダーのリンク一覧でページ内のリンクを確認しますが、「こちら」「詳細」が5つ並んでいると、一つずつ前後の文脈を確認する必要があり、非常に時間がかかります。

チェックポイント

参考リンク