リンクをたどる前に、目的がわかるようにする。

05条件と補足

プログラムで特定できる文脈

文脈とはリンクの意味を補う周囲の情報です。同じ文、段落、リスト項目、表のセル、対応する表見出しなど、リンクとの関係をソフトが取得できる情報を使います。ARIAで説明を関連付ける方法もあります。

図の「利用者が困る例」のように、説明が別の段落にあるだけでは十分でない場合があります。単に近くにあることと、プログラムで関係を特定できることを区別します。説明をリンクの前に置くと、順に読んだときも目的を確認しやすくなります。

リンクの文字だけで伝える工夫

可能な場合は、リンクの文字だけで目的が伝わるようにすると、リンクの一覧からも選びやすくなります。これは2.4.4を満たす方法の一つです。

レベルAAAの2.4.9「リンクの目的 (リンクのみ)」は、リンクの文字だけから目的を特定できる仕組みを求めます。2.4.4ではプログラムで特定できる文脈と合わせて判断する方法も使えます。

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

ページ上の情報をすべて見ても目的を判断できず、障害のない人にも同じ曖昧さが残る場合は例外です。例えば、ゲームで「ドア1」「ドア2」の先を誰にも明かさず、選ぶ楽しみを作る場合があります。

ページに目的を説明する情報があるなら、その情報をリンクの文字に含めるか、プログラムでリンクと関連付けます。図の「利用者が困る例」には説明があり、例外には当たりません。

ARIAで補う場合

aria-labelでリンク名を指定する方法もあります。表示されているリンクの文字をその名前に含め、実際にどの名前が支援技術へ伝わるか確認します。aria-labelはリンクの文字から得られる名前を置き換えます。

aria-describedbyは補足説明を関連付ける属性で、リンク名を置き換えるものではありません。属性を付けたことだけで判断せず、目的を伝える情報を利用者が取得できるか確認します。図では表示文そのものと段落の関係で目的を伝えています。