Skip to content

[mediaqueries-5] image backgrounds vs transparency #5671

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
fantasai opened this issue Oct 28, 2020 · 4 comments
Open

[mediaqueries-5] image backgrounds vs transparency #5671

fantasai opened this issue Oct 28, 2020 · 4 comments
Labels
a11y-tracker Group bringing to attention of a11y, or tracked by the a11y Group but not needing response. mediaqueries-5

Comments

@fantasai
Copy link
Collaborator

Given the name of prefers-reduced-transparency, I would expect it to be "transparency is bad, but complex backgrounds are totally fine". However, I wanted to check if that's actually a correct interpretation of the accessibility requirement.

(@cookiecrook mentioned that prefers-reduced-transparency derives from a MacOS setting in a context where transparency is often used but background images aren't a thing; but on the Web, they definitely are. So we have this additional thing to consider.)

So the question is, is the requirement that generated prefers-reduced-transparency really about wanting reduced transparency e.g. because of some confusion over whether the obscured content is still relevant, or is it also about reducing decorative visual complexity--including both the use of transparency but also complex background images, such that authors should not be using complex opaque backgrounds either?

If the former (really only about transparency), do we also need an MQ for reducing e.g. patterned or image backgrounds to more subtle or solid effects? (And if so should that really be a separate MQ, given that adding one adds authoring complexity and fingerprinting surface?)

@fantasai fantasai added mediaqueries-5 a11y-tracker Group bringing to attention of a11y, or tracked by the a11y Group but not needing response. labels Oct 28, 2020
@cookiecrook
Copy link
Contributor

derives from a MacOS setting

All four major Apple platforms support this, not just macOS.

in a context where transparency is often used but background images aren't a thing;

Background images happen in native UI, but aren’t as common as on the Web.

is it also about reducing decorative visual complexity […] such that authors should not be using complex opaque backgrounds either?

I agree that this one is much more related to reduced visual complexity than the contrast issue in #5433. I would not go as far as to say authors should not be using any complex backgrounds, but they should not be using those complex backgrounds (opaque or otherwise) behind text and other content where the background visual can be distracting or reduce readability/understandability.

The main reason the native API includes transparency in the name is because 1) use of transparency is very common in modern UI starting with iOS 7 when this API shipped, and 2) users understand what the setting does and engineers understand what they should do to react to it.

@Crissov
Copy link
Contributor

Crissov commented Oct 30, 2020

(Partial) transparency is also something that is really only noticeable within interactive media, e.g. while scrolling or dragging, and not in paper print-outs in particular. (Are there printers that can produce white ink for transparency slides?)

That being considered, can prefers-reduced-transparency be altered to also cover the browser setting to suppress background images (and colors) when printing?

@Myndex
Copy link
Member

Myndex commented Mar 1, 2021

A principal goal behind "reduce transparency" is to have text rendered on a plain, untextured, non-image background.

It might be better to have: prefers-plain-background

@cookiecrook
Copy link
Contributor

It’s not always about text and texture.

Another principle goal is to avoid vestibular discomfort associated with UI that uses transparency to simulate depth.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y-tracker Group bringing to attention of a11y, or tracked by the a11y Group but not needing response. mediaqueries-5
Projects
None yet
Development

No branches or pull requests

4 participants