事象

Lighthouse AccessibilityでBackground and foreground colors do not have a sufficient contrast ratio.が出た時の対処法

解決策

背景色と前景色のコントラスト比が十分でない（直訳）と怒られてますので、適切なcolorに変えます。

手順

1.chormeのdeveloperツールを開き、該当タグのcolorの四角（赤枠）をクリックします。

2.赤枠の右矢印をクリックします。

3.適切なcolor（コントラスト比4.5以上）を選択します。

以上で修正終了です。

コントラスト比に注意しよう

コントラスト比を意識してデザインしてもらってます。
ですが、予想以上に注意しないといけない点でした。今後もより良いプロダクトを目指してチームで話し合っていきます。

参考記事