1873238 - [a11y] Consider increasing contrast for the 3dot menu button and blue badge dot

Status: RESOLVED WORKSFORME

(Firefox for Android :: Toolbar, defect, P3)

Description

[Adina Petridean QA [:apetridean]]

Attachment: 3dotmenu.JPEG

Steps to reproduce

1. Open Firefox application.
2. On the homescreen, scan the page with A11y scanner.

Expected behavior

There are no suggestions.

Actual behavior

Consider increasing the contrast ratio between this image's foreground and background.
Contrast:
Current: 2.28:1 Foreground: #00B3F4
Suggested: 3.00:1 Foreground: #F9F9FB

Device information

• Firefox version: 122.0b5
• Device: Huawei Mate 20 Lite(Android 10)

Any additional information?

Comment 1

[❌ Anna Yeddi [:ayeddi] ❌ On leave until 2027-01-04]

In this case, the blue dot badge that is added to the 3dot menu icon is the one in need of a higher color contrast.

Not a part of this bug, but @Adina do you know if this blue dot is indicated by a screen reader when the 3dot menu is focused? I'd expect the label to be appended by something like Menu: new message available or something similar.

Comment 2

[Adina Petridean QA [:apetridean]]

@Ana Yeddi, the blue dot appears when there are news about the app and is also displayed beside the "What's new" icon in the three-dot menu. To trigger it, I simply cleared the app data. I've observed that this is a specific device issue, reproducible only on the Huawei Mate 20 Lite at the moment. On this device also for the dot beside the "What's new" icon from 3 dot menu is needed a higher color contrast (please check the last screenshot attached).

Comment 3

[Adina Petridean QA [:apetridean]]

Attachment: dot.JPEG

Comment 4

[BugBot [:suhaib / :marco]]

The severity field for this bug is set to S3. However, the accessibility severity is higher, .
:matt-tighe, could you consider increasing the severity?

For more information, please visit BugBot documentation.

Comment 5

[Matt Tighe [:matt-tighe]]

Since this issue is device-specific I am not increasing the severity at this time.

Comment 6

[BugBot [:suhaib / :marco]]

The Bugbug bot thinks this bug should belong to the 'Fenix::Toolbar' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 7

[Jane Wolf]

hi, looks like a good opportunity to standardize the colors across desktop and mobile. I'll flag this for designers to look at and add this to the design systems board.

Comment 8

[Jules Simplicio [:jules]]

gonna clear my need info here since this is a p3 and going to the design systems backlog.

Comment 10

[BugBot [:suhaib / :marco]]

The severity field for this bug is set to S3. However, the following bug duplicate has higher severity:

• Bug 1920695: S2

:royang, could you consider increasing the severity of this bug to S2?

For more information, please visit BugBot documentation.

Comment 11

[Moyin [:moyin]]

Hello Adina,

I'm reviewing older tickets and it looks like there's no immediate action required here. I propose we close this as wontfix.

However, if this is still waiting on design systems work, please can you (or anyone else who has the link) provide a link to the relevant tracking ticket so I can mark this as blocked?

Thank you!

Comment 12

[Adina Petridean QA [:apetridean]]

Attachment: Screenshot_20260415_094713_com.google.android.apps.accessibility.auditor.jpg

Thank you! I attempted to reproduce the issue, but it no longer occurs on the latest Nightly build - 151.0a1 from 14.04.2026, with Huawei Mate 20 Lite(Android 10) and Pixel 10 (Android 16). Closing this issue with "Worksforme".