1739121 - The CTA button's borders and the "Dismiss" button from the "Reader view" Pocket modal are not correctly displayed if the High Contrast Mode is enabled

Status: NEW

(Firefox :: Pocket, defect, P3)

Description

[Marius Coman [:mcoman], Ecosystem QA]

Attachment: ss of the issue.png

[Affected versions]:

• Firefox Beta 95.0b2 - Build ID: 20211102190739

[Affected Platforms]:

• Windows 10 x64

[Prerequisites]:

• Have a Firefox profile with the reader.pocket.ctaVersion pref set to cta-only in the "about:config" page.
• Have the High Contrast Mode enabled.

[Steps to reproduce]:

1. Open the browser with the profile from prerequisites.
2. Navigate to any website that allows "Reader view" (e.g. https://www.wikipedia.org/).
3. Click the "Toggle reader view" button from the right part of the "Address Bar".
4. Observe the Pocket modal from the bottom part of the page.

[Expected result]:

• All the elements are successfully displayed and visible.

[Actual result]:

• The CTA button's borders are not displayed at all and the "Dismiss" button is barely visible.

[Notes]:

• This issue is also reproducible with the Pocket modal with "Recs" where the CTA button's borders are not displayed and the collapse button is barely visible.
• Attached a screenshot of the issue.

Comment 1

[Gavin Suntop [:gvn] (they/them)]

Hi Marius,

Can you give me detailed steps for how you've enabled High Contrast Mode? I'm using OSX and have turned on "Increase Contrast" in the Accessibility control panel and switched Reader to Dark mode but I still can't see what you've shown in the screenshot. Thanks!

Comment 2

[Marius Coman [:mcoman], Ecosystem QA]

Hi Gavin,

This issue is reproducible only on Windows. Here are the steps to enable the system's High Contrast Mode on Windows 10:

1. Navigate to "Windows Settings".
2. Select the "Ease of Access" section.
3. Select the "High contrast" section from the left part of the window.
4. Click the "Turn on high contrast" toggle from the top part of the window.

If you need extra information please don't hesitate to ping me here or on Slack (mcoman).

Comment 3

[BugBot [:suhaib / :marco/ :calixte]]

The bug assignee is inactive on Bugzilla, so the assignee is being reset.