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

Status: NEW

(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]]

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/ :calixte]]

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/ :calixte]]

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.