1574728 - links in options/preferences don't meet wcag color contrast requirements

Status: RESOLVED DUPLICATE of bug 1574727

(Firefox :: Settings UI, defect, P3)

Description

[Asa Dotzler [:asa]]

Attachment: image.png

Links in the Firefox Options don't meet wcag aa minimum contrast requirements.

Comment 1

[Mike Conley (:mconley) (:⚙️)]

Thanks, Asa.

Hey epang, not sure if you're the right person to ask here - feel free to redirect.

It looks like the link colour is #0060df, and the background colour is #f9f9fa.

Using https://webaim.org/resources/contrastchecker/, I can get a AAA colour contrast rating if I use #0050B8 for the foreground colour. Is that sufficient, or is there another colour we should use?

Comment 2

[:Gijs (he/him)]

(In reply to Mike Conley (:mconley) (:⚙️) (Catching up from PTO) from comment #1)

Thanks, Asa.

Hey epang, not sure if you're the right person to ask here - feel free to redirect.

It looks like the link colour is #0060df, and the background colour is #f9f9fa.

The inspector is a bit weird; it selects the hover colour by default (so that's what 0060df is). The hover colour actually passes AA contrast, but the non-hover colour (#0a8dff), which is brighter and therefore less contrast-ful with the light background, doesn't.

Note also that we might need a separate colour for links in the dark-background theme, and that this likely affects other in-content pages.