アクセシブルなリンクを作成するには、次のガイドラインに従うことができます。
1. 説明的なテキストを使用する: リンク テキストは具体的であり、リンクの宛先または目的を明確に説明していることを確認してください。「ここをクリック」や「続きを読む」などの一般的なフレーズは使用しないでください。代わりに、文脈を提供し、文脈に関係なく意味がわかるフレーズを使用してください。
2. コンテキストを提供する: リンク テキストだけでは、リンクの目的を伝えるのに十分でない場合があります。このような場合、周囲のコンテンツ内に追加のコンテキストを使用して、リンクの目的を明確にします。たとえば、リンクの前後にリンクの移動先を説明する文を含めることができます。
3. 適切な書式設定を使用します。リンク テキストを周囲のテキストとは異なる書式設定にして、視覚的に区別できるようにします。テキストに下線を引くか、別の色を使用して、クリック可能なリンクであることを示します。また、ユーザーによっては色覚異常がある可能性があるため、色のみを識別要素として使用することは避けてください。
4. リンクを明確にする: リンクされた画像またはアイコンを使用する場合は、リンクの目的またはリンク先を説明する代替テキスト (代替テキスト) を含めます。これは、画像が表示されない場合、または画像を読み込めない場合に、スクリーン リーダーのユーザーがリンクを理解するのに役立ちます。
5. リンクをキーボードでアクセスできるようにする: マウスやタッチパッドのみに依存せずに、キーボードだけを使用してリンクに簡単にアクセスできるようにします。
6. 新しいウィンドウやタブを開かないようにします。新しいウィンドウやタブでリンクを開くと、一部のユーザー、特にスクリーン リーダー ユーザーにとって方向感覚を失う可能性があります。代わりに、リンクを新しいウィンドウまたはタブで開くかどうかをユーザーが制御できるようにします。
7. テストと検証: アクセシビリティ ツールやスクリーン リーダーなどの支援技術を使用してリンクをテストし、リンクがアクセス可能で機能することを確認します。さらに、Web サイトのコードを検証して、リンクのアクセシビリティに影響を与える可能性のあるエラーや問題がないか確認します。
これらのガイドラインに従うことで、ユーザーの能力や使用されている支援技術に関係なく、すべてのユーザーがリンクにアクセスできるようにすることができます。
発行日: