前後の文を読まないと行き先が分からない「こちら」などのリンク

生活雑貨のショップのヘルプに、お手入れガイドのページがあります。マグの種類ごとに1行ずつ、洗い方やしまい方、避けたいことをまとめたPDFが並んでいます。担当者が編集画面でメールを書くときと同じ調子で書いたため、各行は「ホーローマグ：お手入れガイドのダウンロードはこちら（PDF、120KB）」のようになっています。上から順に読めば、どの行も分かります。

スクリーンリーダーの利用者が、トラベルマグのガイドへ直接進もうとリンク一覧を開くと、「こちら、こちら、こちら」と聞こえます。リンク一覧にはリンク自身の言葉しか表示されないため、どれがどれかを示すものがありません。利用者は一覧を閉じ、ページを1行ずつ読んで、目的のリンクを探すことになります。

「こちら」は良くないと指摘された担当者は、リンクを「お手入れガイド」という言葉に移します。行は「ホーローマグ：お手入れガイド（PDF、120KB）」となって見た目は整いますが、リンク一覧には「お手入れガイド、お手入れガイド、お手入れガイド」と並びます。同じ言葉のリンクが3つあり、それぞれ別のファイルを開きます。

WCAGには、リンクのテキストについて2つの達成基準があります。レベルAの2.4.4「リンクの目的（コンテキスト内）」では、リンクのテキストだけでなく、プログラムによる解釈が可能なリンクの文脈と合わせて目的が分かれば十分です。文脈とは、同じ文、段落、リスト項目、表のセルにあるテキストや、ARIAでリンクに結び付けた言葉です。この例の各行はマグの名前を含むリスト項目なので、どちらの版のリンクも、おそらく2.4.4は満たします。

レベルAAAの2.4.9「リンクの目的（リンクのみ）」は、さらに、リンクのテキストだけで各リンクの目的が分かる手段を求めています。リンクのテキストだけとは、リンク一覧やTabでの移動で聞こえるもの、つまり「こちら」です。W3Cは、「click here」や「more」のような具体的でないリンクのテキストを、具体的にする手段もなく使うことを、失敗例F84として挙げています。2つ目の版は内容を表す言葉ですが、どのガイドかまでは表していません。W3Cは、目的と行き先の違うリンクには違う説明を付けるのが望ましいとしていますが、「お手入れガイド」という3つのファイルはそうなっていません。「利用者一般にとってあいまい」なリンクを除く例外も当てはまりません。どのガイドが開くかは、リンクのすぐ外で、ページ自身が示しているからです。

どちらの版も、そのまま書けてしまいます。リンクの名前は a 要素の中にある言葉そのもので、ブラウザーがほかのリンクや前後の文と比べることもありません。スクリーンリーダーのリンク一覧は、その名前だけを並べます。

デザインではなく編集画面で文章を書く場所なら、どこでも起きます。ヘルプページ、お知らせ、プレスリリース、メールをそのまま載せたページ、各項目が「PDF」「ダウンロード」「詳細」で終わるダウンロードの一覧などです。英語のページでは「click here」や「here」が同じリンクです。

10グループ中4グループに影響

• 全盲 （影響あり）
• 弱視 （影響あり）
• 色覚 （影響なし）
• ろう （影響なし）
• 難聴 （影響なし）
• 発話 （影響なし）
• 手の操作 （影響あり）
• 筋力・可動域 （影響なし）
• 認知 （影響あり）
• 光過敏 （影響なし）

• 視覚を使わない スクリーンリーダー利用者は、ページ内のリンク一覧を開いたり、Tabキーでリンクを順にたどったりします。「こちら」が3回聞こえるだけで、どれがどのガイドかを示すものがないため、一覧を閉じて、リンクの前後の文を読みに戻ることになります。
• 言語・認知・学習の能力が限られる 拾い読みする人は、目立つリンクから先に読みます。「こちら」では、どのガイドが開くかを知るために、行を一つずつ読み直さなければなりません。
• 視覚が限られる 大きく拡大すると、画面拡大鏡にリンクだけが映り、行の始まりが左の画面外に出ていることがあります。どのガイドかを示していた言葉は見えません。
• 手の操作が限られる 音声操作の利用者は、リンクの言葉を話してリンクへ進みます。「こちら」も「お手入れガイド」も3つのリンクすべてに一致するため、表示される番号で選ぶしかありません。

axe の link-name ルールは、テキストがあるため、これらのリンクをすべて合格にします。名前が同じで別のアドレスへ向かうリンクを見つける axe の identical-links-same-purpose はレベルAAAのタグが付いているため、通常のAとAAのタグで実行すると動きません。この診断ではIDで有効にし、見つかったものを要確認項目として記録します。同じ名前のリンクが同じ目的かどうかは、人にしか判断できないからです。「お手入れガイド」という3つのPDFが、1つのガイドの3つの言語版のこともあります。1つだけの「こちら」は繰り返されないため、このルールでは見つかりません。そこで、「こちら」や「click here」のような汎用的な名前のリンクは診断独自のチェックで拾い、同じ理由から、前後の文と一緒に要確認項目として記録します。「こちら」をアクセシブルにするよう頼まれたAIのコーディングツールは、画面の言葉を置き換える aria-label を付けることがあり、今度はラベルを含む名前を満たさなくなります。