会社サイトに「詳しくはこちら」がいくつも並び、どれを押すと何が分かるのか伝わらない。リンクの言葉は、押した先で読めること、開くもの、次にする行動を短く表す形へ見直しましょう。ボタンの色を変える前に、前後の説明と行き先を合わせて確認します。
例えば、堺市の試作部品をつくる会社が、加工相談のページを見直す場面を仮定します。料金の説明、事例、相談後の流れへのリンクに同じ「詳しくはこちら」を使っています。製品仕様のページやPDF、外部の予約画面もあるため、それぞれ何へ進むかを分かるようにする案です。
押す前に、行き先で分かることを伝える
リンクを並べて、どのページへ進み、そこで何を確認できるかを一文にします。この会社なら、料金に含む仕事を知る、事例で担当した範囲を見る、相談後の進み方を読む、と分けられます。行き先の題名をそのまま使うだけで分かるか、読者が知りたい内容を添えるかを比べます。
| 行き先で分かること | 同じ言葉を使う案 | 内容を表す文例 |
|---|---|---|
| 料金に含む作業 | 詳しくはこちら | 料金に含む作業を確認する |
| 事例で担当した仕事 | 詳しくはこちら | 事例で担当した仕事を見る |
| 相談後の進み方 | 詳しくはこちら | 相談から提案までの流れを読む |
W3C WAIの文章の書き方でも、リンク先の内容が分かる言葉を使い、曖昧な案内を避ける考え方が示されています。周りの見出しや文章も読みながら、同じボタンが並ぶ場所で行き先を区別できるかを見ます。この言葉を一律に置換しただけで、ページ全体の使いやすさや基準への適合を確認できたとはしません。
読む・PDFを開く・予約画面へ進むを分ける
読むためのリンクには、何を読めるかを表します。「見積を依頼する」と書いているのに、行き先が見積相談の流れを説明するページなら、押した時に期待する行動とずれるかもしれません。そのページで読める内容と、実際に依頼する入口を分けて言葉にします。
資料なら、「仕様書を見る（PDF）」のように開くものを添える案があります。WAIの案内も、文書の種類など、行き先について関係する情報を示す例を挙げています。ファイルの大きさなどを載せる場合は、実際に確認した値を使います。「ダウンロード」と書くなら、開いた後の動きも確かめ、資料が画面で開くだけの案内と区別します。
外部の予約画面へ移るなら、「外部の予約画面へ進む」といった案を比べます。ボタンを押したことを予約の完了のように見せず、次の画面で選択や入力があることが分かる言い方にします。外部のどのサービスへ進むかは、確認できる名称を前後の文へ添える方法もあります。
説明文とリンクで、情報を分担する
すべての条件をボタン一つへ詰め込む必要はありません。例えば、事例の前に「設計と加工を担当した範囲を紹介しています」と説明し、リンクには「事例で担当した仕事を見る」と置く案があります。リンクは行き先を、前後の文章は読む理由や前提を伝える形です。
同じ行き先を案内している場所では、呼び方が不自然に変わっていないかを見ます。同じ相談フォームを「予約する」「資料を受け取る」「見積を依頼する」と別の行動で呼んでいれば、フォームで受ける内容を確かめてそろえます。逆に、違う内容のページへ同じ短文を使っているなら、何が違うかを表します。
短くする時も、会社の内部だけで使う略称へ置き換えないようにします。読者がその言葉から行き先を想像できるかを見ます。地域名や同じ検索語をボタンごとに繰り返すより、押す前の判断に必要な内容を優先する案です。文の修正だけでクリックや問い合わせが増えた、といった成果は測らずに書きません。
実際の行き先と、スマートフォンの見え方を確かめる
修正案は、今の言葉、行き先、そこで分かること、変える文を並べて制作側へ渡せます。気になる一ページから始め、同じ案内がほかのページにもあるかを調べる範囲を相談します。すべてのリンクを同じ長さにすることを目標にせず、ページの役割に合う言葉を選びます。
- リンクと前後の文を読み、押す前に何が分かると思うかを確かめる。
- 実際の行き先を開き、約束した内容や資料があるかを見る。
- PDFや外部画面への移動、次に必要な操作が言葉と合うかを見る。
- スマートフォンで文が切れず、改行しても行き先の違いを読み取れるかを確かめる。
確認で、行き先自体に説明が足りないと分かることもあります。その場合は、リンク文を変える仕事と、行き先の原稿や構成を直す仕事を分けて相談します。押す前の期待と、押した後に分かることを合わせる範囲を決める形です。
料金、事例、相談の流れに同じ「詳しくはこちら」を使っており、行き先が伝わっているか気になっています。PDFや外部予約への案内もあります。何が分かるかと次にする操作を言葉にし、前後の文章、ボタン、行き先の説明まで見直す範囲を相談したいです。
みやあじよでは、事業のお話を伺い、ホームページの内容や構成・デザインを整理するところから制作をご相談いただけます。堺市で、リンクの言葉と行き先の案内を相談するから、気になるページと進んでほしい先をお聞かせください。文言の案がなくてもご相談いただけます。前後の説明、ボタン、資料や受付へのつなぎ方を確かめ、原稿修正と画面改修の範囲、費用を整理します。
参考資料
- W3C WAI：Writing for Web Accessibility（リンク先の内容が分かる文章と、文書の種類など関係する情報を示す説明を参照）
