リンクと画像におけるaltテキストを提供し、リンクは次のように私はHTML構造を有する同じブロックの内容

Question

で2つの異なる場所です。 alt属性にユーザー名を追加する必要がありますか？これはスクリーンリーダーユーザーにとっては繰り返しすぎでしょうか？

スクリーンリーダーに2番目のリンクを削除する必要がありますか？これが解決策なら、どうすればいいですか？

---

今後、私はHTML構造を変更しますが、今はそのままにしておきます。

Answer 1

1. divにaria-labelを削除します。非対話型の要素では役に立たない、または最悪の場合はアクセシビリティの損傷を引き起こす可能性があります。

2. Images inside links彼らはそれらの中だけで満足しているときは常にこれが完了すると、あなたがこれらの2つのリンクを思えば

、あなたがリンクのいずれかにaria-hidden="true"属性を追加することを検討してalt属性が含まれている必要があります反復的です。もう1つの可能性は、画像にクリックするためのJavaScript専用のソリューションを使用して、キーボードに問題が発生するのを避けることです。多くの人々がスクリーンリーダーを使用せずにキーボードナビゲーションを使用するためです。

combining the image and the link