WordPressのヒーロースライダーをWebP化して96%軽量化し、CLSとアクセシビリティも改善した手順

WordPressのヒーロースライダーの画像を、PNGからWebPに変えて合計約7.8MBから約316KBへ軽くした手順を解説する。あわせて、非表示のスライドを aria-hidden で読み上げの対象から外す方法と、Playwright による自動確認を紹介する。

WAI-ARIA, テスト・検証