アクセス可能なハイパーリンクの作成に関する作成者と編集者向けのベスト プラクティス

コンポーネントに別のコンポーネントや外部 URL へのリンクが含まれている場合は、発行されたコンテンツがアクセス可能になるように、いくつかの一般的なルールに従ってください。

リンク テキスト
リンク テキストがリンクの目的と宛先を説明していること、およびコンテキストから切り離されても (周囲の文や段落などがなくても) 理解できることを確認します。
「ここをクリック」、「詳細」、「続きを読む」などのリンク テキストなど、説明的でないテキストは使用しないでください。
ハイパーリンクが Web サイトのホームページを指している場合、特にその Web サイトがユーザーによく知られている場合には、そのサイトの URL を (プロトコル付き/なしのいずれでも) リンク テキストとして使用できます。たとえば、https://www.example.comwww.example.comexample.com などです。
title 属性
コンテキストなしでは意味のあるリンク テキストを追加できない場合は、title 属性を設定します。これによりユーザー エクスペリエンスが低下しますが、これが唯一の解決策になることもあります。
リンクとしての画像
リンクがテキストではなく画像として表示されている場合は、画像の alt 属性をリンク テキストに設定し、続けて「リンク」という単語を設定します。これにより、スクリーン リーダーでその属性をリンクの説明として識別できるようになります。
Experience Space ユーザー インターフェイスには、リッチ テキスト フィールド用の[アクセシビリティ確認機能]オプションがあります。リッチ テキスト フィールドに画像リンクを挿入する作成者、またはこれをチェックする編集者は、この確認機能を実行して alt 属性が存在することを確認します。
新しいタブまたはウィンドウで開かれるリンク
リンクが新しいタブまたはウィンドウでターゲットを開く場合は、リンク テキストの末尾に「(新しいウィンドウで開く)」というテキストを含めます。
ダウンロード可能なファイルへのリンク
訪問者がダウンロードできるファイルへのリンクは、ファイルの種類を括弧で囲んでリンク テキストの末尾に含めます。たとえば、リンクが「企業倫理マニュアル」というダウンロード可能な PDF 文書を指している場合、「企業倫理マニュアル (PDF)」をリンクテキストにする必要があります。
リンクとボタン
リンクとボタンを混同しないでください。リンクをクリックすると、インタラクティブではないコンテンツに移動します。ボタンをクリックすると、ダウンロードの開始、サインアップ プロセスの開始、ログアウトなどのクリックによる操作が実行されます。