问题标签 [high-contrast]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
508 浏览

html - 使用 CSS 隐藏跨度但显示工具提示(必须使用高对比度和 IE8)

我想隐藏一个包含工具提示的跨度元素,使用与背景相同的字体颜色,以便屏幕阅读器可以看到它并且在页面上不可见,但是如果你将鼠标悬停在它上面,你仍然可以看到工具提示(它不使用显示:无)。

但这不起作用,如果您在窗口上打开高对比度,如图所示。

如何做到这一点?需要使用 IE 8 并且没有 JS。

谢谢你的帮助!

解决方案:

0 投票
1 回答
212 浏览

html - 即使我没有指定任何边框来形成输入字段,我也会在高对比度模式下看到边框。为什么?

即使我不指定边框,高对比度模式如何显示边框?

0 投票
2 回答
692 浏览

c# - 多种前景色的随机背景色

我需要为三种文本颜色生成一种视觉上令人愉悦的随机背景颜色:ARGB(255,255,255,255)ARGB(63,255,255,255)ARGB(255,0,0,0). 颜色为白色、不透明度为 0.25 的白色和黑色。我还没有看到关于 SO 或其他地方的示例,该示例将一种颜色与多种颜色进行比较以确定它们之间是否存在良好的对比度(仅在两种颜色之间进行比较)。我不完全了解颜色理论,所以我正在寻求帮助。

0 投票
0 回答
168 浏览

javascript - 移动颜色以获得特定的对比度

有没有办法,给定两种颜色(我们称它们为第一种颜色和第二种颜色)来确定第二种颜色必须更改为什么颜色才能获得 4.5 的对比度?换句话说,为了获得 4.5 的对比度,我们需要将第二种颜色移动多少?亮度和比例代码如下:

亮度代码:

比率代码:

我面临的问题是亮度计算 - 仅基于一个比率,似乎无法计算出 R、G 和 B 值,因为它们将是三个未知数(取决于每种颜色的路径需要 - 它是否大于 0.03928...)。

我们可以通过考虑颜色亮度和色差计算来添加更多约束,如下所示:

颜色亮度代码: brightnessDifference的阈值是大于等于125。

色差码: colorDifference的阈值是大于等于500。

我已阅读以下帖子:如何以编程方式选择良好的对比度 RGB 颜色?

然而,计算补色可能并不总能解决问题!它甚至可能不会导致 4.5 的对比度......关于如何实现这一点的任何想法?

0 投票
1 回答
4692 浏览

google-chrome - 如何在页面加载之间使 Chrome 加载屏幕变暗(使白色闪光变黑)?

由于Chrome 页面加载之间臭名昭著的白色闪烁变暗/变暗,如何利用小的默认加载通知(如下)覆盖整个屏幕?

换句话说,是否有可能在页面加载之间创建一整面文本墙,以便高对比度扩展可以使整个屏幕变暗,就像它在这里使一小部分变暗一样?: 在此处输入图像描述

这很hacky,但有充分的理由。所有其他解决方案不再适用于 Chrome 40+:

  1. https://superuser.com/questions/580228/prevent-white-screen-before-loading-page-in-chromium
  2. Google Chrome - 在网页加载之间覆盖白色空白页面
  3. https://superuser.com/questions/831742/how-do-you-change-chromes-background-color
0 投票
2 回答
162 浏览

xaml - 如何在高对比度 WP8.1 上覆盖 PhoneAccentBrush

我的应用程序有问题。在所有屏幕上,我都有硬编码的“白色”背景,对于文本颜色(前景),我使用 PhoneAccentBrush。在我检查高对比度选项以方便访问之前,一切都很好。然后 PhoneAccentBrush 变成白色,我最终在白色背景上显示白色文本。我检查了如何解决问题,在我看来,最好的选择是在高对比度模式下覆盖 PhoneAccentBrush(我也考虑过转换器,但我必须有很多文本才能在任何地方使用它)。基本上我想要做的就是将PhoneAccentBrush 设置为高对比度的黑色。我现在和这个斗争了几个小时,但仍然一无所有。我检查一下: 如何忽略 Windows Phone 上的“轻松访问”设置? https://msdn.microsoft.com/library/windows/apps/br208807?f=255&MSPPError=-2147217396和(页面底部的“高对比度示例”)仍然没有。当我尝试使用 MSDN 示例时,它在 WP 上不起作用(它为完整的 Windows 做好了准备) - 当我将此代码粘贴到 app.xaml 中时

我收到错误:“每个字典条目都必须有一个关联的键。” “字典项 'ResourceDictionary' 必须具有 Key 属性”,因此它在 Windows Phone 上有所不同。使用来自堆栈溢出链接的方法,我得到相同的结果,我尝试为 Dictionary 提供“Default”或“HighContrast”键,但我不起作用。我还在 MSDN 上找到了所有键的列表,但 PhoneAccentBrush 不存在。有人可以帮助我吗?

0 投票
1 回答
376 浏览

css - Windows 高对比度模式:如何计算颜色?如何为焦点元素指定颜色?

Windows 高对比度如何决定它使用哪些颜色来显示网站元素?

当一个元素被聚焦时,是否可以让它显示其他颜色?

例如,在https://www.post.ch/en上,“寄售编号”输入字段在获得焦点时以另一种颜色显示,但对于大多数其他元素,颜色始终保持不变,即使焦点样式时定义其他颜色。

0 投票
1 回答
3893 浏览

merge - 如何使用斐济宏自动修改图像的亮度和对比度?

我尝试用 Fiji 编写一个非常简单的宏,以便自动合并通道并增强对比度。

使用“增强对比度”,我不知道如何使用宏中亮度和对比度窗口的“自动”按钮。通道 2 比第一个强。

并且使用“应用 LUT”,当我有这行时会发生错误:“必须首先使用图像>调整>亮度/对比度或使用图像>调整>阈值定义的阈值级别来更新显示范围。” 我更改了阈值级别,它仍然不起作用...

你能给我什么建议?

0 投票
1 回答
538 浏览

themes - 强制 UWP 应用使用默认主题

对于我们应用程序的当前版本,我们不支持高对比度模式。对高对比度的支持(使用正确设计的 UI 等)是我们将在后续发布/更新中添加到我们的应用程序中的内容。

即使用户已将其设备置于高对比度模式,是否有一种简单的方法可以强制 UWP 应用使用默认主题?

在我的 app.xaml 中,我定义了以下内容:

<ResourceDictionary x:Key="Default">但是将from的内容复制C:\Program Files (x86)\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP\10.0.10586.0\Generic\themeresources.xaml到我的应用程序的 HighContrast 主题字典中,认为即使设备进入 HighContrast 模式,这也会强制应用程序仍然使用默认主题,但这没有效果。

任何人都知道是否有办法强制应用程序使用默认主题?

0 投票
0 回答
578 浏览

javascript - 内容可编辑 div 中的占位符文本是否算作禁用文本?

使用 IE 并使用 Window 的默认黑色高对比度模式,禁用的文本应为绿色。但是,我在我的应用程序中发现,占位符文本<input>确实具有绿色,但内容可编辑 div 中的占位符文本将保持我在正常模式下给它的颜色。下面是我写的 HTML:

div 示例可以在http://codepen.io/gcyrillus/pen/hzLIE找到。禁用文本的真正概念是什么?我猜内容可编辑 div 中的占位符不会被算作“禁用文本”?如果是这样,如何使其成为“禁用文本”?提前非常感谢!