異なるテキストを重ねて繰り返し使用している単一の画像があります。この画像にカーソルを合わせると、詳細情報を含むツールチップも表示されます。もちろん、オーバーレイされたテキストをaltタグに入れたり、longdescタグのすべての情報をツールチップに含めることもできます。これはお勧めですか、またはグーグルは重複したコンテンツまたはそれ以外の場合は船外に出るためにそれを罰しますか?
その点については、ファイルに名前を付けるのはどうですか?明らかに、それぞれに独自の名前がある場合、それらはすべて個別のイメージとしてロードする必要があります。つまり、ロード時間が長くなります。わかりやすい名前を付けるだけでは価値がないと思いますか?
使用しているテクニックについては何も言及していないので、ここには必要な曖昧さがあります。
実際の画像が同一である場合、はい、1つのファイルを再利用する必要があります。
可能であれば、両方の文字列をマークアップに直接配置し、CSS/Javascriptを使用して必要な場所に表示します。これにより、予測可能なクロール可能性と、スタイリングオプションの最大化の両方が得られます。 (たとえば、テキストにマークアップがあるかどうかも指定しませんでした。これは、属性値で面倒です。)
alt
属性の使用は、画像が読み込まれない場合に実際に画像を置き換えることを目的としているため、ここで行っていることには適していません。画像の実際の内容を説明するものであり、画像のタイトルなどではありません。技術的には、視覚的表現が読み込まれない場合、代替テキストは画像です。その観点から、異なる場合に変更することはほとんど意味がありません。
ただし、必要に応じて、独自の要素ではなく、画像のtitle
属性に短いオーバーレイテキストを隠しておくこともできます。それは実際のユースケースに比較的適しているようです。
longdesc
のサポートは非常に貧弱で、何にでも使用するという単一の参照を認識していません。それが懸念される場合、HTML5仕様にもありません。使用しているDoctypeを言うことはありません。
HTML5を使用している場合、長い説明を カスタムデータ属性 に保存できます。