文字と背景色のコントラスト比を上げる事で解消できます。
chromeの開発者ツールを開いて、該当タグのstyleのcolorにある四角の色表示をクリックします。
以下の様にコントラスト比が表示されます。
ここでは、4.34となっています。
最低でも4.5以上のコントラスト比が必要です。
![画像に alt 属性が指定されていません。ファイル名: image-4.png](https://t-kuni-tech.com/wp-content/uploads/2020/12/image-4.png)
以下をクリックすると、コントラスト比4.5以上の色を自動で選択してくれます。
![](https://i.gyazo.com/544123e53a5bfdc6497dcbd5a85c0d64.png)
自動選択された色をCSSに指定しましょう。
以上です。
Webエンジニアをやっています
UX/UIデザインからプログラミング、DB設計、SEO、インフラ構築など幅広く対応してます
PHP/PHPUnit/Laravel/Vue/Nuxt/Docker/Terraform
ご連絡はTwitterのDMまで。