Summary:The "prefers-reduced-transparency" media query allows websites to reduce the amount of transparent objects/effects to become more accessible for some users who may have difficulties parsing content through translucent backgrounds, etc. Based on system settings.
Standards body: W3C
Platform coverage: All
Preference: layout.css.prefers-reduced-transparency.enabled
Other browsers:
- Blink: Not shipped or implemented. No bug or standards position.
How stable is the spec: Media Queries Level 5 is currently a Working Draft.
Security & privacy concerns: This potentially introduces a fingerprinting vector, so the pref for this specific media query will be kept disabled by default until decided. Bug for potentially enabling by default:
https://bugzilla.mozilla.org/show_bug.cgi?id=1822176 Web designer / developer use-cases: Some users find it hard to parse text or content with translucent backgrounds. This media query can allow websites to make pages more opaque to assist people who may struggle otherwise.