説明的リンクテキストとは何ですか？

説明的リンクテキスト（Descriptive Link Text）とは、ハイパーリンクが指す目的と内容を明確に伝えるクリック可能なテキストのことです。これは単に「ここをクリック」や「詳しく見る」といった曖昧な表現ではなく、リンクされたコンテンツのテーマや行動目的を具体的に説明し、ユーザーに文脈を提供するフレーズです。

説明的リンクを使用すると、特にスクリーンリーダーを使用するユーザーにとって、周囲のテキストを読むことなくリンクの意味を理解できるよう支援します。

例で見てみましょう

例えば、「ここをクリック」や「詳しく見る」といったリンクテキストは、ユーザーがクリック後に何を見ることになるのかが伝わらず、文脈を理解できなくなります。逆に「チュートリアル動画を見る」といった説明を含むリンクは、テキストを通じてリンクが指すコンテンツのプレビューを提供します。

「チュートリアル動画を見る」というテキストは、ユーザーに「チュートリアルを見に行くことができるページに移動するリンク」という意味で伝わるようになります。つまり、そのリンクをクリックした際、どこへ移動するのか、何のためのリンクなのかを明確に示すことができます。

ユーザーに明確な文脈を提供することは、ウェブサイトの利用体験を向上させ、ウェブサイトのアクセシビリティを向上させる手助けにもなります。

まとめ

皆さんのウェブサイトでも、多くが「ここをクリック」や「詳しく見る」といったリンクテキストを使用していませんか？このガイドを参考にし、上述のようなテキストの代わりに説明的なリンクテキストに置き換えてみてください。

本記事はFramer公式ブログの‘説明的リンクテキストを理解する’を翻訳・アレンジしたコンテンツです。