メッセージボックスのコントラスト
私はアプリの色を更新し、可能な限り一貫性のある色にしていますが、コントラストについてWCAG AAレーティングに合わせるようにしています。
これを行う必要があるかどうかわからない1つの領域は、たとえば警告やエラーなどの情報をユーザーに提供するためにフォームの上部に表示されるアラート/情報メッセージです。
この例では、テキストのAAコントラストは7.09:1ですが、黄色のボックス自体は1.39:1のみであるため失敗しますが、含まれているボックスはコンポーネントではないか、ユーザーが直接操作する必要があるものではありませんでは、実際にコントラストを気にする必要はありますか？デザインの観点から、私は明るい色を好みます（他のメッセージタイプについても同様です）が、コントラストだけを意識しています
あなたが与えたその例は完全に受け入れられます。
色のコントラストは、コントロールラベル、テキストなどに適用されます。装飾パーツのコントラストは重要ではありません（テキストをマッドラッドのような画像に配置する場合を除き、ここでコントラストが重要になります）。
https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html
ここでの情報は、検討する必要があること、かなり下のシナリオのいくつかをガイドします。
黄金律は-読める場合はコントラストを高くし、テキストと画像が背景色なしで意味をなす場合は、コントラストは背景には関係ありません（つまり、背景を完全に削除した場合、テキストと画像になります）まだ意味があります）。
濃い色のボックスの周りに境界線を引いて、コントラストを3：1に上げることができます（SC 1.4.11 https：//www.w3。 org/WAI/WCAG21/Understanding/non-text-contrast.html ）
また、閉じるアイコンや展開/折りたたみアイコンなど、ボックス内にインタラクティブなアイコンがある場合は、3：1以上のコントラストがあることを確認してください。あなたのデザインのオーバーホールで頑張ってください。