css - prefers-reduced-transparency 媒体查询参数的动机是什么

标签 css media-queries accessibility w3c

我正在检查 MDN 上现有的媒体查询参数 ( link )

我看到了prefers-reduced-transparency参数:

The user prefers reduced transparency (Added in Media Queries Level 5)

我明白首选主题(深色/浅色)或减少动画的意义,但我不明白这条规则背后的必要性。 我找不到任何 W3C 交换来解释为什么他们将此添加到 MQ5。

有人知道这方面的信息吗?

最佳答案

许多人可能会发现,如果他们看到一个简单、不透明的背景,他们会更容易理解文本(和 UI 控件),或专注于事件。

正如科迪在他们的回答中所说,它可以提高有视觉障碍的用户的可读性。例如:

  • 有散光的人可能会发现在普通背景上阅读文字更容易。 (我有,而且我经常放错眼镜。)

它也有利于具有各种认知障碍的用户。背景图像、纹理、渐变或其他图案可以:

  • 使形状识别变得更加困难,例如适用于有阅读障碍或视觉空间处理障碍的人。
  • 对于患有自闭症谱系认知障碍的人来说显得过于“大声”或过于紧张。
  • 对于注意力不集中或工作内存有障碍的人来说,显得太“忙”了。
  • 增加用户疲倦或头痛时所需的认知努力。

(我不是认知障碍方面的专家,所以这个简单的概述是我现在能给出的最好的概述。还有更多类型和程度的认知障碍。)

请注意,prefers-reduced-transparencyprefers-contrast 是不同的问题。这个(Media Feature: "increase contrast" and/or "reduce transparency" user settings)的 CSS-WG 跟踪问题有一个有用的评论:

Low vision disabilities are too diverse to make sweeping generalizations like, "People who what higher contrast text also want zero transparency"

关于css - prefers-reduced-transparency 媒体查询参数的动机是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58690652/

相关文章:

javascript - 咏叹调完成状态?

css - 平滑 CSS3 悬停过渡,同时防止抗锯齿

css - Chrome/Safari无法填充Flex父级的100%高度

javascript - 将列表项与另一个子元素重叠

css - 使用不同的媒体查询方法的响应式布局行为

iphone - 是否可以检测 iPhone 上网页中的 VoiceOver 是否打开?

html - 使用 HTML 和 CSS 创建通知栏

html - 媒体查询放置会影响首次绘制的速度吗?

facebook - Facebook Iframe 内媒体查询失败

iphone - 适用于残疾人的iPad/iPhone应用程序