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

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

解決しなかった方法

まず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要素を設定する。

まとめ

Altテキストはスクリーンリーダを利用している方にとって重要なので、必ず設定するようにする。