ページ内でh1でのマークアップがふさわしい箇所が画像文字であった場合、どのようにマークアップするのが最適解でしょうか?h1タグでaltが設定されたimgタグを囲ってあげるのが良いですか?そうすると、アウトラインのh1見出しにテキストがない状態になってしまうので、これで良いものかどうか迷ってます。
h1要素でimg要素を囲むので問題ないです。HTMLの仕様書を見るとそのようなことをしているサンプルが複数見られます(img要素やpicture要素のサンプルなど)。
なるほど!ありがとうございます!
一般ブラウザやSEOに対しては、適切なalt属性が設定されていれば問題ないと思うけど、それ以外にアクセシビリティをどこまで担保するかってとこで書き方は変わってくると思うよ。
みんなの回答 2 件
h1要素でimg要素を囲むので問題ないです。HTMLの仕様書を見るとそのようなことをしているサンプルが複数見られます(img要素やpicture要素のサンプルなど)。
一般ブラウザやSEOに対しては、適切なalt属性が設定されていれば問題ないと思うけど、それ以外にアクセシビリティをどこまで担保するかってとこで書き方は変わってくると思うよ。
関連するトピックス