ホームページのAccessibility改善結果

以前に記載した”HTML リンクの色を部分的に変える”の変更と
Lighthouseツールの指摘事項を改修した結果、Accessibility結果が良くなった。

1.変更前の計測

2.変更後の計測

3.変更した結果のサブメニュー表示
(1)メニューボックス
   ダークモードと同様にコントラストが良くなっている。

(2)メニューボックスの内容

4.Lighthouseツールの指摘事項を改修
  ulタグの中にdivタグが含まれていたので削除し、代わりにliタグで画像の回り込みを削除した。
(1)変更前
   HTLM

   css

(2)変更後
   HTLM

   css

<個人的な感想>
Lighthouseツールの指摘事項を改修するのに苦戦したが、
何とか完成したのでホッとしている。