Implement prefers-reduced-transparency media query
Categories
(Core :: CSS Parsing and Computation, enhancement)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox113 | --- | fixed |
People
(Reporter: lwarlow, Assigned: canadahonk)
References
(Blocks 3 open bugs, )
Details
(Keywords: dev-doc-complete)
Attachments
(2 files)
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
|
Assignee | |
Updated•1 year ago
|
|
|
Assignee | |
Comment 2•1 year ago
|
||
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
|
|
Assignee | |
Updated•1 year ago
|
|
|
Assignee | |
Comment 3•1 year ago
|
||
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
|
||
Updated•1 year ago
|
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
|
||
Comment 6•1 year ago
|
||
| bugherder | ||
Upstream PR merged by moz-wptsync-bot
|
||
Comment 8•1 year ago
|
||
Is this something we wanted to add to the Fx113 release notes?
|
||
Comment 9•1 year ago
|
||
It's disabled by default for now (see intent to prototype+ship in dev-platform). So probably not (yet).
|
|
Assignee | |
Comment 10•1 year ago
|
||
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
|
||
Comment 11•1 year ago
|
||
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!!
|
|
||
Comment 12•1 year ago
|
||
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!
Description
•