cssスタイルで100x75に設定された画像があります。ロードされない場合、代替テキストはスペースにロードされますが、コンテナは100px幅を超えて拡張されます。
どうすればこれを防ぐことができますか?それを切り取るか、包むことによって。
cssスタイルで100x75に設定された画像があります。ロードされない場合、代替テキストはスペースにロードされますが、コンテナは100px幅を超えて拡張されます。
どうすればこれを防ぐことができますか?それを切り取るか、包むことによって。
なるほど、ある程度分かってきました。画像を同じサイズのコンテナにラップしました。私のブラウザー (Firefox) はインライン要素だったので、テキストをラップしていなかったと思います。
ご回答ありがとうございます。
または:
overflow: hidden;
。画像の境界を越える代替テキストを非表示にします。ただし、テキストはラップされません。
#idlogo img {
overflow: hidden;
font-size: 10px;
}
代替テキストの目的は、スクリーン リーダーに画像を知らせることなので、代替テキストのサイズを小さくしてオーバーフローを非表示にするのが最適だと思います。ただし、もちろん、非常に長いテキストの使用は避けてください。
一般に、代替テキストの表示方法を制御する方法はなく、ほとんどのブラウザは独自のバージョンを生成します(ツールチップを使用するものもあれば、下部のステータスバーにあるものもあります)。一部のブラウザは改行を改行として表しますが、代替テキストでマークアップを使用することはできません(ただし、ほとんどの場合は使用されません)。詳細については、この記事を参照してください。
alt 属性は代替テキスト用です。それは短く、それが持つ機能またはそれが提示する内容を説明する必要があります。
これは、456 Berea Street の Roger Johanssonからの主題に関する良い読み物です-良い代替テキストを書く
全体として、パラグラフを書いているのであれば、それは間違っています。longdesc 属性 (代替テキストを補完する画像を説明するページへのリンク) の使用を見てください。
HTH
Firefox の場合は、属性を使用できますalign:left
。これにより、代替テキストによって配置の問題が発生するのを防ぐことができますが、使用可能なスペースがオーバーフローします。そのために、適切な font-size 属性を使用できます。
可能であれば、代替テキストをできるだけ長く持たないでください