momdo https://blog.hatena.ne.jp/momdo/ 水底の血 https://momdo.hatenablog.jp/ @_yuheiyによる当エンジニアブログで実施したアクセシビリティ改善の方法についての解説は全体的に丁寧に説明しているだけに、下記の記述がちょっと気になったという話です。 これがimg要素であればalt属性を使って代替テキストを設定すべきですが、svg要素ではそれができません。そこで、WAI-ARIAの出番です。次のようにすることで、alt属性と同様に代替テキストが設定できます。 SVGネイティブに代替テキストを設定する方法は（SVGの）title要素だ、ということはおさえておくべきかなと。SVG2仕様書訳（原仕様書）に次のように書かれています。 title 要素は、 その親要素用の短いテキス… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmomdo.hatenablog.jp%2Fentry%2F20250510%2F1746858580" title="&lt;svg&gt;ではaltが使えないからaria-labelはロジックをすっ飛ばしている - 水底の血" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2025-05-10 15:29:40 rich https://momdo.hatenablog.jp/entry/20250510/1746858580 1.0 100%