-PR-
締切済み

画像文字 HTMLのつくり

  • 暇なときにでも
  • 質問No.9385008
  • 閲覧数99
  • ありがとう数1
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 71% (412/580)

HTML上に画像文字で表現する場合にタグの作りとして皆さんはどのようにされていますか?理由も記載頂くとありがたいです。

<img タグで書いて altにテキストの内容を記載
<img でtitle属性にテキストの内容を記載
<divなどのボックスを造りその中にテキストを記載し、CSSにて背景に画像文字を表示し、テキストは非表示にする。

等々
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全1件)

  • 回答No.1
レベル10

ベストアンサー率 66% (73/109)

私の場合、基本的に文字を画像で表現するということをしません。アイコンフォントやCSSを使って表現することがほとんどです。
どうしても文字を画像で表現する必要性があるときは以下のようにすると思います。

imgタグで記述しaltに代替テキストを記載。あとはアクセシビリティ向上のため、role属性とaria-labelなどを付け加えるといったところでしょうか。

文字を画像で代替するときに最も気をつけねばならないことは、それが何を表すのか、仮に画像が表示されなくとも伝わるようにすることだと思っています。(これは文字を画像で代替したくない理由の一つでもあります。)これを考慮に入れて上記のような実装になります。
お礼コメント
muuming2001

お礼率 71% (412/580)

ありがとうございます。

画像表示でしか無理なデザインをあげてくる人もたまにいるもんで質問させていただきました。
投稿日時 - 2017-10-17 09:43:40


このQ&Aで解決しましたか?
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-

特集


開業・独立という夢を持つ人へ向けた情報満載!

ピックアップ

ページ先頭へ