Fenix: [Bug] [a11y]Onboarding screen-The text contrast ratio needs to be higher

[Diana-Rus]

Prerequisites:

• Have Google Accessibility Scanner installed.
• Have a clean Firefox profile.

Steps to reproduce

1. Open app and inspect the screen elements with the scanner.
   

   Expected behavior

There are no suggestions to make any changes.

Actual behavior

Section: Welcome to Firefox Nightly

• org.mozilla.fenix.nightly:id/header_text
  The item's text contrast ratio is 3.39. This ratio is based on an estimated foreground color of #A36AFA and an estimated background color of #FBFBFE. Consider using colors that result in a contrast ratio greater than 4.50.

Section: Protect yourself

• org.mozilla.fenix.nightly:id/protection_standard_description
  The item's text contrast ratio is 3.61. This ratio is based on an estimated foreground color of #737373 and an estimated background color of #E0E0E6. Consider using colors that result in a contrast ratio greater than 4.50 for small text, or 3.00 for large text.

Device information

• Android device: Samsung Galaxy S9 (Android 8)
• Fenix version: Nightly 4/1 (Build #20920607)

Screenshots:
- org.mozilla.fenix.nightly:id/header_text

- org.mozilla.fenix.nightly:id/protection_standard_description

[mcarare]

Can UX provide colors that pass the contrast ratio test?

[liuche]

@apbitner since Bram is on PTO, could you suggest a higher contrast color? Whoever picks this up can ping on slack please.

[apbitner]

Per #7606 all onboarding cards should have a white background, which would not have this contrast issue. Pinging @AmyYLee to confirm.

[AmyYLee]

Per #7606 all onboarding cards should have a white background, which would not have this contrast issue. Pinging @AmyYLee to confirm.

That's correct.

[mcarare]

@apbitner you are right, and the changes are already implemented. I have rescanned onboarding screen and there are no contrast issues left. Thanks for the feedback!