六つの役立つ記事が並ぶページを想像してください。どのカードにも「もっと見る」とあり、見出しは画像の間で目立ちません。次に進むたびに、読者は文脈を組み立て直すことになります。クリックという動作ではなく、その先で得られる内容を名前にすると、道筋は明確になります。これはインターフェースを考えるための架空の例で、顧客事例ではありません。
期待する行き先を言葉にする
美しいボタンを作る前に、どこへ移動するのかを確認します。「記事一覧へ」は「もっと」より具体的で、「サイト保守の条件」は「情報」より内容が伝わります。ただし、長い宣伝文にする必要はありません。目的が分かるだけの説明を置き、詳しい内容は隣の文章に任せます。外部の資料へのリンクは特に、実際に開くものと表記が一致しているか確かめましょう。
近くにあるだけでは文脈にならない
WCAG 2.4.4のレベルAでは、リンクの目的をリンク文そのもの、またはプログラムによって判断できる文脈と合わせて理解できることを求めています。そのため「もっと見る」という語だけで直ちに不適合とは言えません。一方、見出しが見た目に近いことだけでは、支援技術が使える関係を示したことにはなりません。編集では可能な範囲で単独でも意味の通る名前を付け、複雑な関係は開発者と確認します。一つの文言修正でサイト全体のWCAG適合が証明されるわけではありません。
同じ行き先には一貫した呼び方を
同じ一覧をヘッダーでは「ジャーナル」、カードでは「出版物」、フッターでは「知識集」と呼ぶと、別々の場所に思えるかもしれません。同義語が必ず問題なのではなく、偶然のばらつきが判断を増やします。主要な行き先の用語集を作ると整理できます。反対に、異なる記事にはテーマを含む区別しやすい名前が必要です。翻訳では元の語順をそのまま残すのではなく、意味と長さをそれぞれ確認します。
ボタンらしさより実際のアドレス
Googleはリンクを確実に発見できるよう、href属性を持つ通常のaリンクを勧めています。見た目だけがリンクで、スクリプトに反応する要素は同じものではありません。編集者がコードを直接書き換える必要はなく、開発依頼でページへの移動とほかの操作を分けて伝えればよいのです。指定先が記事そのものか、広いカテゴリにとどまっていないかも確認します。適切なマークアップは登録や検索順位を保証しません。
一つの経路を最後まで確認する
カードのリンクを開き、リンク名と移動先の見出しを比べます。予想した内容でしたか。各言語で同じ確認をし、キーボードでもページをたどります。さらにリンク名だけを読んで、すべての段落を読み返さず記事を区別できるか試しましょう。スマートフォンでは長い表記の折り返しも見ます。言葉を増やすことが目標ではなく、その場で必要な明確さを確保することが目標です。
リンク名は小さな約束
よいリンクは、何としてもクリックさせようとはしません。その移動が今必要かどうかを決める助けになります。目立つかだけでなく正確かを評価してください。読者には、案内された内容が実際に届く必要があります。