[Proton] Infobar background contrast against toolbar is quite low
Categories
(Toolkit :: Themes, defect, P5)
Tracking
()
Tracking | Status | |
---|---|---|
firefox-esr78 | --- | unaffected |
firefox87 | --- | unaffected |
firefox88 | --- | unaffected |
firefox89 | --- | wontfix |
People
(Reporter: soeren.hentzschel, Unassigned)
References
(Depends on 1 open bug, Regression)
Details
(Keywords: regression, Whiteboard: [proton-infobars] [priority:2b] [a11y])
Attachments
(1 file)
(deleted),
image/png
|
Details |
After the latest changes to the notification bar style in bug 1690333 there are several styling and a11y issues now.
- There is almost no difference between the notfication bar and the toolbar background color. So one could guess that there is a different element but (ignoring the colored border of the left side) it is really hard to see for me if I do not go unhealthily close to the screen.
- The Icon has a very strange color. Neither the color is used elsewhere in Firefox nor it has enough contrast to recognize something without going unhealthily close to the screen.
- I am not sure about the alignment of the icon and the text but it looks slightly off.
- The text alignment in the button is definitively totally off.
Reporter | ||
Updated•4 years ago
|
Updated•4 years ago
|
Comment 1•4 years ago
|
||
Set release status flags based on info from the regressing bug 1690333
Updated•4 years ago
|
Updated•4 years ago
|
Updated•4 years ago
|
Comment 2•4 years ago
|
||
Should the different issues mentioned by Sören be split in separate bugs?
Comment 3•4 years ago
|
||
Tyler, can you please help identify which parts are valid here (I know the icon color is a separate bug but unsure about other elements reported here)
Reporter | ||
Comment 4•4 years ago
|
||
FYI: issue 2 is fixed, issue 4 also looks much better now, 1 and 3 are still issues.
For 1) The color contrast ratio between toolbar and notification is 1.05:1. This is less an a11y issue and more a design issue because you don't have to click on the notification bar, only on the buttons and text and buttons are good readable. But I would argue that if there is a color difference it should be visible. Otherwise the question is whether a color difference is needed at all. A color contrast ratio of 1.05:1 is really almost nothing. So improving this a bit would make it more clear that this is a notification bar.
For 3) This should be fixed in any case because it's noticeable, even more since the button text is better aligned.
Comment 5•4 years ago
|
||
We have bug 1702771 on file for the text alignment on macOS so I think the only untracked issue here is the contrast between the infobar and the toobar. Repurposing this bug for that issue specifically.
Updated•4 years ago
|
Comment 6•4 years ago
|
||
Thanks @mstriemer. Clearing the needinfo flag for me. Please tag me again if there's any other questions. I've also fixed the whiteboard tags for the JIRA integration.
Comment 7•4 years ago
|
||
I have not seen similar reports on bugzilla or through the diary studies of users having issues with infobar contrast. Some of this is by design since we want users to feel like the infobar delivers a message coming from the browsser and not the content of a website.
This also complies witht he UX spec so I'll reduce the priority of this bug and will keep monitoring user feedback.
Updated•4 years ago
|
Updated•4 years ago
|
Description
•