アクセス可能なハイパーリンクの作成に関する作成者と編集者向けのベスト プラクティス
コンポーネントに別のコンポーネントや外部 URL へのリンクが含まれている場合は、発行されたコンテンツがアクセス可能になるように、いくつかの一般的なルールに従ってください。
- リンク テキスト
- リンク テキストがリンクの目的と宛先を説明していること、およびコンテキストから切り離されても (周囲の文や段落などがなくても) 理解できることを確認します。
title属性-
コンテキストなしでは意味のあるリンク テキストを追加できない場合は、
title属性を設定します。これによりユーザー エクスペリエンスが低下しますが、これが唯一の解決策になることもあります。 - リンクとしての画像
-
リンクがテキストではなく画像として表示されている場合は、画像の
alt属性をリンク テキストに設定し、続けて「リンク」という単語を設定します。これにより、スクリーン リーダーでその属性をリンクの説明として識別できるようになります。 - 新しいタブまたはウィンドウで開かれるリンク
- リンクが新しいタブまたはウィンドウでターゲットを開く場合は、リンク テキストの末尾に「(新しいウィンドウで開く)」というテキストを含めます。
- ダウンロード可能なファイルへのリンク
- 訪問者がダウンロードできるファイルへのリンクは、ファイルの種類を括弧で囲んでリンク テキストの末尾に含めます。たとえば、リンクが「企業倫理マニュアル」というダウンロード可能な PDF 文書を指している場合、「企業倫理マニュアル (PDF)」をリンクテキストにする必要があります。
- リンクとボタン
- リンクとボタンを混同しないでください。リンクをクリックすると、インタラクティブではないコンテンツに移動します。ボタンをクリックすると、ダウンロードの開始、サインアップ プロセスの開始、ログアウトなどのクリックによる操作が実行されます。