6

写真/アイコンを表示する意味的に正しい方法と間違った方法があるというのは本当ですか?
もちろん、新聞記事のすべての写真を背景画像として含めるのはあまり友好的ではありません。スクリーン リーダーがaltテキストを読み上げることができないためです。しかし、アイコンやユーザー インターフェイス要素はどうでしょうか。これらを背景画像として含めることは、セマンティック指向の観点から正当化できますか?

4

2 に答える 2

7

さまざまな種類の画像を表示するには、意味的に正しい方法と正しくない方法がいくつかあります。

  • 通常の画像<img>標準タグはサイトのメイン コンテンツであることが多いため、標準タグを使用することをお勧めします。これらにはalt、コンテンツの重要な部分についてユーザーに知らせるタグが必要です。
  • アイコンはサイトのメインコンテンツではない一種の画像ですが、<img>正しく表示されない場合に特定のアイコンが何をするかを示すことはユーザビリティにとって重要であるため、タグを使用して表示する必要もあります。
  • サイトを良くし、サイトのメイン コンテンツではない重要ではない写真は背景として表示する必要がありますDOM。
于 2013-02-05T20:48:06.877 に答える
3

そのアイコンを表すだけの別の要素としてアイコンを含める必要はないと思います。例:imgまたはi.

代わりに、各アイコンは特定の機能を表します。したがって、その機能に使用できる要素 (アンカーaや など) を使用する必要がありますbutton。これらの各要素には、スクリーン リーダーや Web スパイダーが解析できる非グラフィカル コンテンツが含まれている必要があります。次に、グラフィック アイコンの背景画像を使用して、これらの要素を美しくすることができます。

アイコンに個別のマークアップを使用することは、セマンティック エラー/間違いです。アイコン自体は何もしません。基礎となる要素の機能を記憶するためにそこにあるだけです。しかし実際には、アイコンを削除してもこれらの要素は残っています。

そうです、私は常にアイコンを背景画像として要素に直接、または生成された疑似要素に含めます。

于 2013-02-05T21:37:41.153 に答える