Open keitakn opened 5 months ago
<a href="https://example.com">詳細はこちら</a>
<a href="https://example.com"><img src="link-image.jpg" alt="詳細ページへ"></a>
リンクに直接的なテキストコンテンツがない場合、aria-label属性を使用してアクセシブルネームを提供できます。
<a href="https://example.com" aria-label="詳細ページへ移動">詳細</a>
他の要素のテキストをリンクのアクセシブルネームとして使用したい場合は、aria-labelledby属性を利用します。この属性は、ラベルを提供する他の要素のIDを参照します。
<span id="link-name">詳細ページ</span> <a href="https://example.com" aria-labelledby="link-name">こちら</a>
完了の定義
補足情報
1. テキスト
2. 画像リンク
3. aria-label属性
リンクに直接的なテキストコンテンツがない場合、aria-label属性を使用してアクセシブルネームを提供できます。
4. aria-labelledby属性
他の要素のテキストをリンクのアクセシブルネームとして使用したい場合は、aria-labelledby属性を利用します。この属性は、ラベルを提供する他の要素のIDを参照します。