1878249 - Improve contrast for the chrome feature callout HCM styles

Status: NEW

(Firefox :: Messaging System, enhancement, P3)

Description

[Rares Doghi, Desktop QA]

Attachment: HCM.mp4

Found in

• Nightly 124.0a1 (2024-02-02)

Affected versions

• Nightly 124.0a1 (2024-02-02)
  ALL version where the user is Enrolled in the experiment.

Affected platforms

• All

Preconditions:
Set the browser.shopping.experience2023.enabled - TRUE
Set the browser.shopping.experience2023.optedIn - 1
Set nimbus.debug to true
Set messaging-system.rsexperimentloader.collection_id to nimbus-preview
Set browser.newtabpage.activity-stream.asrouter.devtoolsEnabled to true
security.ssl.enable_ocsp_stapling - False

Enable High Contrast Mode.

Reach the following link:
about:studies?optin_slug=review-checker-callouts-v11-experiment&optin_branch=treatment-a&optin_collection=nimbus-preview

Steps to reproduce

1. Reach : https://www.amazon.com/XUEGW-Computer-Assembly-Required-Foldable/dp/B0CDS1238W/ref=sr_1_2_sspa?keywords=desk&qid=1706529514&sr=8-2-spons&sp_csd=d2lkZ2V0TmFtZT1zcF9hdGY&th=1
2. Close the Review Checker from the X Close button.

Expected result

• Review Checker Callouts v1.1 should be displayed in High Contrast similar to the Review Checker sidebar

Actual result

• Review Checker callouts v1.1 are not following the High Contrast standards

Regression range
Not a Regression

Please note that this issue occurs on all 3 CALLOUTS v1.1

Comment 1

[Shane Hughes [:aminomancer]]

Feature callouts aren't part of the sidebar, they're part of the browser chrome and are using the base styles for the browser chrome. I think this is probably a WONTFIX, but we could make it an enhancement to add custom styles just for feature callout if we think the base HCM styles are inadequate for this use case. Probably not something we have cycles to work on now, but we'll bring it up in discussion with product and UX.