0

アンカー タグ内にテキストを隠し、背景画像のみを表示するという問題について、いくつか質問があります。

他の記事へのリンクで私を爆撃しようとしている人に注意してください。これは繰り返しの質問であることを教えてください: 私はこのサイトとウェブ全般を精査し、人々が思いついた解決策 (解決策とは主にハックを意味します) を読みました. ほとんどの人が行っているように見える (または最近まで行っていた) のは、-9999pxハッキングでした。また、テキストをスパンでラップして、このようなことをしたり、visibility: hidden.

さて、個人的には、テキストを「非表示」にすることは、そもそもテキストが動的に非表示になっている場合、つまり背景画像が読み込まれていない場合にのみ表示される場合にのみ意味があると思います (何らかの理由で)。ただし、私が見つけたすべての「解決策」は、テキストを効果的に完全に削除するか、少なくとも永久に非表示にするため、背景画像が読み込まれなくてもテキストは表示されません。

だからここに私の質問があります：

  1. テキストを持っていて、それを完全に非表示にしたいのはなぜですか? アンカーを空のままにしておかないのはなぜですか?つまり、テキストを何も入れずに、画像だけを表示しますか? なぜテキストがあるのに、それを隠す方法を考え出すという頭痛の種を経験するのでしょうか? そのポイントは何ですか？ここで何か不足していますか？

  2. CSS3ができたので、背景画像が表示されているときにテキストを非表示にし、何らかの理由で画像の読み込みに失敗したときにテキストを表示する実際の非ハッキーで動的な方法はありますか? リソースが見つからなかったので、これはサポートされていないと思いますが、忍者の誰かがよく知っているのではないでしょうか?

4

1 に答える 1

1

それを行う理由はさまざまです。

  1. 検索エンジンは Web をスキャンし、視覚的に隠されているコンテンツも収集します。サイトのセマンティクスが向上し、ページ ランクが高くなります。

  2. 多くの視覚障害者は、スクリーン リーダーによって読み上げられるコンテンツに依存しています。タグ内のテキストaltだけでは不十分な場合があります。背景画像にはそのようなタグさえありません。

2 番目の質問: 背景画像が正常に読み込まれ、表示されているかどうかを確認する既知の方法はありません (まったく別の話です!)。CSS は、定義されたルールに従ってコンテンツのスタイルを設定するだけです。それを行う JavaScript の方法があるかもしれませんが、私の意見では、ほとんどの場合、このテキストは実際にはフォールバックではないため、コストに見合う価値はありません。上記のように目的が違います。

于 2013-08-04T16:08:34.823 に答える