こんにちは。最近の猛暑に生存の危機を感じています、コーポレートデザインチームのmewmo(@mewmoppel)です。 突然ですがみなさん、alt属性ってご存知ですか? alt属性とは、HTML文書においてimg要素に付随する属性のひとつで、画像によって伝えたい内容を説明するための代替テキストを提供します。最近ではTwitterやInstagramといったSNSでも代替テキストを用意できるようになり、より私たちの生活にとって身近なものになっているのではないでしょうか。 そんなalt属性について、最近私がやってしまった失敗とその改善から学んだことをこの場で紹介したいと思います。 alt属性はなぜ必要なの? alt属性のここがよくわかっていなかった! 代替テキストを適切に書くためのコツ 1. 画像をなくしてもページの文意が同等レベルで伝わる 2. スクリーンリーダーで読み上げたときに何の画像な
![alt属性をよくわかっていなかった私が代替テキストを書けるようになった話 - Pepabo Tech Portal](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ce64d0cc3ebb090562280d3b80535c91c7c6b34/height=288;version=1;width=512/https%3A%2F%2Ftech.pepabo.com%2Fblog%2F2020%2F08%2F27%2Fwriting-alt-text%2Feye-catch.jpg)