Open Bug 1591562 Opened 5 years ago Updated 2 years ago

Show color contrast ratio between icon image and its background

Categories

(DevTools :: Accessibility Tools, enhancement)

enhancement

Tracking

(Not tracked)

People

(Reporter: kumar, Unassigned)

Details

Attachments

(1 file)

What were you doing?

I was viewing the home page of https://addons.mozilla.org/ near the bottom in the themes section.

I wanted to select a theme icon with the accessibility selector and view the contrast ratio between the icon color and its background color.

What happened?

I did not see any contrast ratio information when selecting an icon.

What should have happened?

It should show a contrast ratio and a warning according to these guidelines when the ratio is below 3:1.

Anything else we should know?

A screenshot is attached showing me selecting one of the icons.

In this case, the icons are implemented as mask: url(icon.svg) with a background-color to set the icon color. This bug could apply to any type of icon image, though.

Moving this over to Accessibility Tools since they are responsible for implementing the color contrast ratio in both the Inspector and Accessibility panel.

Component: Inspector → Accessibility Tools
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.