Closed Bug 1736914 Opened 2 years ago Closed 1 year ago

Implement prefers-reduced-transparency media query

Categories

(Core :: CSS Parsing and Computation, enhancement)

Firefox 95
Desktop
macOS
enhancement

Tracking

()

RESOLVED FIXED
113 Branch
Tracking Status
firefox113 --- fixed

People

(Reporter: lwarlow, Assigned: canadahonk)

References

(Blocks 3 open bugs, )

Details

(Keywords: dev-doc-complete)

Attachments

(2 files)

Attached image image (8).png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4664.18 Safari/537.36

Steps to reproduce:

Firefox should add support for the prefers-reduced-transparency media query.

https://www.w3.org/TR/mediaqueries-5/#prefers-reduced-transparency

Actual results:

Not sure on other OSs but macOS and I believe iOS expose an option for reducing transparency. Currently this cannot be applied to web content.

Hi Luke,

Thanks for your report.

This could be a good enhancement, hopefully it will be taken into consideration in the future.
I'll add this request to the Firefox: Disability Access component for visibility.

Regards,
Virginia

Status: UNCONFIRMED → NEW
Component: Untriaged → Disability Access
Ever confirmed: true
OS: Unspecified → macOS
Hardware: Unspecified → Desktop
Component: Disability Access → CSS Parsing and Computation
Product: Firefox → Core

Moved to CSS component as this is where the feature is for. MDN page for prefers-reduced-transparency does not exist yet, PR: https://github.com/mdn/content/pull/25289

Keywords: dev-doc-needed

Implemented the prefers-reduced-transparency media query for all
platforms.

Windows and Mac have specific settings which are used, others (Android
and Linux/GTK) have it enabled if prefers-reduced-motion is also enabled
as there is no dedicated setting to check.

There are no WPT tests yet, they are added upstream in:
https://github.com/web-platform-tests/wpt/pull/38954
(We would pass all.)

Locked behind new flag layout.css.prefers-reduced-transparency.enabled,
off by default always for now.

Demo video: https://goose.icu/firefox_prt.mp4
Test page: https://goose.icu/prefers-reduced-transparency

Assignee: nobody → oj
Status: NEW → ASSIGNED
Blocks: 1822176
See Also: → 1822185
Pushed by ealvarez@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/64ff3b48f4f6
Implement prefers-reduced-transparency media query r=geckoview-reviewers,emilio,jonalmeida,ohall
Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/38967 for changes under testing/web-platform/tests
Status: ASSIGNED → RESOLVED
Closed: 1 year ago
Resolution: --- → FIXED
Target Milestone: --- → 113 Branch
Upstream PR merged by moz-wptsync-bot

Is this something we wanted to add to the Fx113 release notes?

Flags: needinfo?(oj)

It's disabled by default for now (see intent to prototype+ship in dev-platform). So probably not (yet).

Flags: needinfo?(oj)

Indeed, see Bug 1822176 for (potential) enabling and intent to prototype here: https://groups.google.com/a/mozilla.org/g/dev-platform/c/l410J8odZjA/m/5Bdnh9sKBQAJ

The following issue can be used to track updates on MDN: https://github.com/mdn/content/issues/25773
Thank you CanadaHonk [:canadahonk] for creating the feature page and for updating the browser compat table!!

Hello CanadaHonk [:canadahonk], could you take a look at the PR you opened for adding the prefers-reduced-transparency page to MDN. The PR is out of draft now and 'ready for review' and there are some comments to be resolved before it can be merged. Thank you!

Flags: needinfo?(oj)

Apologies for the delay, updated now, thanks!

Flags: needinfo?(oj)

Thank you so much!

You need to log in before you can comment on or make changes to this bug.