SVG要素でaltの代わりになるもの | なすびブログSVGを表示するにはいくつか方法があります。 pngやjpgと同じように <img> を使って表示する場合はいつも通り代替テキストとしてalt属性を使えばよいのですが、SVGスプライトや vue-svg-loader を使うなどで <svg> をHTMLにインラインで書き出したい場合もあると思います。 <svg> には代替テキストの機能は存在しないので、代わりとなる機能がないか探してみました <title> を使う方法 SVGファイル内に <title> を入れておくことで、マシンリーダブルにすることができます。 ただしこの方法には、 カーソルを合わせるとツールチップが出てしまう .svg ファイル内に存在することになるので、管理がしづらい などの取り回ししづらい部分があり、imgのaltと比べてもなんかいまいち。 WAI-ARIAを使う方法 そこでおすすめしたいのがこちら <svg> に
