modern CSS resetでaltテキストを指定しないと画像がぼやける

2023年7月6日追記：
この記事の内容は完全に過去の内容です。modern CSS resetからimg要素にalt属性が指定されていないときに画像にblurがかかる仕様は既に削除されています。参考プルリクエスト

特に設定していないはずなのに画像がぼやける現象に悩んでいた。

解決しなかった方法

まずGoogleで適当に検索したところ、以下のようなサイトがヒットした。
Chromeで画像を縮小表示すると文字がなんだかぼやける現象を回避するTips

これに従って-webkit-backface-visibility: hidden;を適用させてみたが変化なし。

結論

modern CSS resetに以下のようなコードがあった。

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: blur(10px);
}

解決法：該当部分を削除する(非推奨)か、imgタグにalt属性を設定する。

##まとめ
HTML5では必須でなくなったものの、Altテキストはスクリーンリーダでの利用者やBot、画像が読み込めなかった場合の代替テキストとして重要なので、必ず設定するようにする。