リンクの文字だけでも、何のためのリンクか判断できるようにする。

05条件と補足

2.4.4との違い

Aの2.4.4「リンクの目的 (コンテキスト内)」は、リンクの文字だけで判断する方法のほか、同じ段落など、プログラムで特定できる文脈と合わせて判断する方法も認めています。

AAAの2.4.9では、その文脈から切り離しても目的が分かる仕組みを求めます。同じ段落に講座名を置くだけでは、リンク単独の目的は伝わりません。図の問題側はこの違いを示す例です。「こちら」という文字があるだけで、Aの2.4.4まで一律に失敗とするものではありません。

最初から分かる方法と、切り替える方法

最初からすべてのリンク名を単独で分かるようにする方法のほか、単独で目的が分かるリンク名へ切り替える仕組みを用意する方法もあります。常に長いリンク名を表示することだけを求める基準ではありません。

公式テクニックG189では、ページの初め近くに、詳しいリンク名を使う別の表示へ移動する操作を置きます。切り替える操作自体の目的も分かるようにし、切替後のリンクと表示も、適合を主張するレベルの関連基準を満たす必要があります。図は切替方式ではなく、最初から目的を伝えるリンク名の例です。

ほとんどの利用者にとって曖昧な場合

例外は、リンクと同時に提供されるページ上の情報をすべて確認しても、目的を判断できない場合です。公式解説では、文中の「グァバ」がリンクになっていて、定義・輸出量の図表・収穫の写真のどれを開くか、誰にも分からない例を挙げています。

周囲の説明を読めば講座の案内だと分かる図の問題側は、この例外ではありません。ページ上に目的を説明する情報があるなら、その情報をリンクの文字からも利用できるようにします。

画像のリンクと、リンク名の付け方

画像だけをリンクにする場合も、代替テキストで目的を伝える方法があります。見た目の説明だけでなく、リンクを開くと得られる情報や機能が分かる名前にします。文字と画像が同じリンクにあり、文字だけで目的を伝えている場合は、画像の代替で同じ説明を重ねる必要はありません。ただし、画像が別の情報も伝えているなら、その情報の代替も必要です。

リンク名とリンク先の見出しを近い表現にすると、移動後も目的の場所に来たと確認しやすくなります。これは編集上の工夫で、リンク名と見出しを一字一句同じにする要件ではありません。