事象
Lighthouse AccessibilityでBackground and foreground colors do not have a sufficient contrast ratio.が出た時の対処法
解決策
背景色と前景色のコントラスト比が十分でない(直訳)と怒られてますので、適切なcolorに変えます。
手順
1.chormeのdeveloperツールを開き、該当タグのcolorの四角(赤枠)をクリックします。
3.適切なcolor(コントラスト比4.5以上)を選択します。
以上で修正終了です。
コントラスト比に注意しよう
コントラスト比を意識してデザインしてもらってます。
ですが、予想以上に注意しないといけない点でした。今後もより良いプロダクトを目指してチームで話し合っていきます。
参考記事