2053236 - [a11y] Insufficient contrast for urlbar indicator for container tabs

Status: NEW

(Firefox :: Containers, defect, P3)

Description

[Claire Joeckel]

Attachment: Screenshot 2026-07-07 133742.png

Impacted Section/Element

"Container" tabs

Steps to Reproduce

In the sidebar, open pages in new container tabs, "Personal", "Work", "Banking", and "Shopping". Open those pages, and navigate to the address bar at the top of the browser, then onto the "Personal", "Work", "Banking", or "Shopping" text to the right of it.

Expected Behavior

Text has at least 4.5:1 contrast with its background in all states, including the default contrast and the "Night Sky High Contrast Mode".

Actual Behavior

The "Personal", "Work", "Banking", or "Shopping" text located to the right of the address bar is various colors that have low contrast ratios against the default backgrounds and backgrounds on mouse hover. For example, the "Banking" text is green (#008865), which against the light green (#90E3C6) background results in a low contrast ratio of 2.97:1.

User Impact

Users with certain vision impairments may have difficulty reading low-contrast text.

WCAG 2.2 References

1.4.3 Contrast (Minimum)(https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html)

Recommendations

Ensure the text has sufficient visual contrast and is clearly distinguishable from the backgrounds in all states, including the default contrast and the "Night Sky High Contrast Mode".

Testing Environment

Any

Assistive Technology Used

Any

Further Reference

https://webaim.org/resources/contrastchecker/

Severity

3-Moderate

Comment 1

[James Teh [:Jamie]]

Morgan, is this actually an s2 per our triage guidelines: insufficient contrast? This one might be a bit less clear because I think users can choose colours for containers, even if the defaults are not ideal?

Comment 2

[Morgan Reschenberg [:morgan]]

(In reply to James Teh [:Jamie] from comment #1)

Morgan, is this actually an s2 per our triage guidelines: insufficient contrast? This one might be a bit less clear because I think users can choose colours for containers, even if the defaults are not ideal?

My understanding is users can select a colour for their container, but the selection is limited (i.e. there is no colour-picker or HEX code field to enter a custom colour).

Claire, does this issue exist for all predefined container colours, or only the green colour you've flagged in #c0?
Similarly, does this issue exist in dark mode as well or only light mode?

Comment 3

[Claire Joeckel]

This issue exists for all of the predefined container colors. It exists in dark mode as well. To fix this and the low non-text contrast on the icons, I recommend changing all of the predefined container colors so they have sufficient contrast (3:1 for non-text, 4.5:1 for text) against white and black, and changing the background behind the text to white (instead of the lighter shade of the same color that causes low contrast).

Comment 4

[Morgan Reschenberg [:morgan]]

Thank you ! I've updated the accessibility severity to reflect this

Comment 5

[Andrea Marchesini [:baku]]

This seems to be fixed by bug 2054407. Can you please test it again?

Comment 6

[BugBot [:suhaib / :marco]]

The severity field is not set for this bug.
:baku, could you have a look please?

For more information, please visit BugBot documentation.