SVG画像に代替テキスト（alt ）の代わりになる属性を付けたい場合の設定方法

img タグを使う

<img src="/images/logo.svg" alt="代替テキスト">

インラインのSVGの場合

インラインのSVGの場合、imgタグのようにalt属性を使うことができないようです。

role=”img” + arie-label

role=”img”：このSVGが画像の役割を持つことを示します。
arie-label=”代替テキスト”：このSVGに代替テキスト（テキストによる説明）を付与します。

<svg role="img" aria-label="代替テキスト">
　<!-- SVGコード -->
</svg>

アイキャッチ画像の出力タグ「the_post_thumbnail」 に alt 属性をつける場合はこちら