根据Web/对比度/UI组件的可访问性洞察，任何指示组件的可点击区域的视觉边界都必须具有至少3:1的对比度，即相邻背景的对比度。
浅灰色矩形表示可点击边界与背景的对比度仅为1.14:1。那么，这些产品磁贴是否不符合此标准(WCAG 2.1，1.4.11非文本对比度)？
浏览 11提问于2020-05-28得票数 0
WCAG2.1为UI组件引入了，如复选框、滑块等。在几个广泛使用的设计系统中，只有文本的按钮存在。由于文本是唯一可以看到的东西，并且文本需要比UI组件更高的对比度，所以它也自动满足1.4.11的要求。
现
浏览 11提问于2022-01-13得票数 0
此图像中未选中的复选框是否会被认为对比度太低而不符合要求？有没有什么我们可以做的(除了改变颜色之外)来使它更符合标准？如果tab-focus使对比度提高，这就足够了吗？或者我们真的只需要增强对比度？
浏览 2提问于2018-03-21得票数 3
1回答
我想知道是否可以改变文本组件的颜色。“健康”，基于运行时的背景颜色。我所说的背景颜色并不是指已经创建的组件的固定背景颜色，而是指位于文本组件本身后面的实际颜色。这样做的目的是允许文本在较暗或较浅的阴影前适当地进行对比-理想情况下，我只需要根据背景颜色将文本颜色更改为白色或黑色。我可以想象的唯一方法是将一个Collider2D组件附加到文本中，每当检测到较深的阴影时，该组件就调用OnTriggerEn
浏览 2提问于2017-05-09得票数 1
回答已采纳
2回答
然而，使用"WAVE“等浏览器工具进行的第一次测试向我展示了标题的对比错误，这些标题只是白色背景上的彩色文本。颜色是#97CB44 (浅绿色)和#EC7F38 (橙色)。我所能找到的(也在其他网站上)是引用这个规则(最初可以在这里找到：)：
大文本:大比例尺文本与图像的对比度至少为3:1；
附带:文本或文本图像是非活动用户界面<e
浏览 1提问于2017-09-09得票数 2
回答已采纳
2回答
灰色链接:灯塔抱怨对比不足
、、、、
我想显示灰色占位符文本在我的网站上有几个月，其中没有通讯。灯塔(在Chrome工具中)抱怨这些灰色的物品“没有足够的对比度”，但这是故意的。
浏览 12提问于2020-07-30得票数 2
回答已采纳
我们正在为web应用程序开发高对比度模式，但我找不到任何指导方针。我们可以保留它们，还是应该只使用普通颜色？
浏览 3提问于2012-09-27得票数 1
回答已采纳
我试图从一个反应功能组件(导航头)中读取背景颜色。
问题是，我的网站的一个元素会根据事件改变背景色。当这种情况发生时，字体文本可能变得不可读(对比度不够)。当我在做的时候:字体颜色和背景颜色之间有一个理想的对比吗？
浏览 1提问于2020-05-27得票数 0
回答已采纳
通过Javascript (JQuery)在超文本标记语言页面中使用web服务的优缺点是什么？Browser (JS) -> Backend (REST)Browser (JS) -> MVC backend -> Web services backend (REST)
在第一种情况下，
浏览 2提问于2013-05-16得票数 2
我通过WebAIM对比度检查器运行我的一个网站，惊讶地发现我收到了17个对比度错误，表明文本和背景之间没有足够的颜色对比度。但是，如果我对文本后面的图像中出现的最暗区域进行采样，并将这些值与文本颜色一起手动输入到波形对比度检查器中，则对比度测试可以很好地通过。我还是不明白。下面是显示我的测试结果的对比度检查器的链接：
这是一张屏幕截图，显示了波形对比度检查器手动输入文本后面显示的最暗颜色和文
浏览 2提问于2020-05-14得票数 0
我正在尝试为给定的背景颜色找到正确的匹配对比度颜色，该颜色将通过WCAG AA指南(文本较小14px)。参考：似乎有正确的算法...但似乎找不到相关的代码来转换为JS</em
浏览 4提问于2015-01-10得票数 3
2回答
我试图确保正确地解释WCAG2.0AA对比要求：
文本和图像的视觉呈现比例至少为4.5:1。最小对比度成功标准(1.4.3)适用于页面中的文本，包括占位符文本和当指针悬停在对象上或对象具有键盘焦点时显示的文本。如果在页面中使用其中的任何一个，则文本需要提供足够的对比度。虽然这个成功标准只适用于文本，但对于图表、图表和其他非基于文本的信息中的内容，也会出现类似的问题。以这种方式呈现的内容也应该有良好的对比</
浏览 1提问于2019-09-11得票数 1
回答已采纳
3回答
在我的PC上启用高对比度模式后，此应用程序的某些部分可以正确渲染(黑白)，而某些部分则不正确(白底黑屏)。显然，可以检测到何时启用了高对比度模式。我该怎么做呢？
浏览 0提问于2009-06-30得票数 2
回答已采纳
1回答
我正在将我们的UI转换为使用材料设计组件(来自Bootstrap)，并且遇到了各种小困难。
Bootstrap使创建辅助按钮、对比文本/轮廓按钮等及其主题类变得非常容易。在使用材质设计组件时，我使用了Button类(在react -中)，但是我不知道如何创建一个具有辅助颜色的按钮。所以我的问题是:如何在react的材料设计组件中制作一个带有辅助主题颜色的按钮？
浏览 0提问于2019-06-03得票数 0
1回答
我正在尝试使用fabric js实现对比度。看起来fabric不支持对比度，但我找到了一个链接
这不管用。有人能告诉我如何使用fabric js实现对比度吗？
浏览 8提问于2016-04-25得票数 1
4回答
有人能解释在高对比度模式下CSS发生了什么吗？
正如你所看到的那样，你的行为是不同的，所以你的专业知识会受到赞赏。
浏览 6提问于2012-04-10得票数 16
回答已采纳
1回答
但是，面包屑文本是不可见的，因为它与工具栏的背景颜色(主题主颜色)相同。
类星体组件，用于在工具栏(例如q-toolbar-title)中以正确对比的颜色呈现文本。在类星体(或Vue，或vanilla CSS)中，是否有一个常见的成语，例如“与背景颜色对比”或“xxx元素中的文本同色”？(也就是说，所有酷孩子都知道的事情？)
浏览 2提问于2019-06-15得票数 1
1回答
在react中测试文本对比度
、、、、
但是如何确保，在屏幕上找到的文本是可见的？例如，有我的短文件：(设置文本的颜色与bg相同，但它通过)
如果您需要复制/粘贴，请以文本格式发给您。
浏览 7提问于2020-08-31得票数 0
回答已采纳
我在等源代码上看到了一些要求，它们都是符合WCAG建议的，需要在链接和周围的文本之间设置3:1的颜色对比(假设非粗体小字体)。因此，如果将这两个需求结合在一起，为了使AA级别符合要求，您的页面必须具备以下所有内容：
换句话说，链接的颜色必须与背景颜色和周围的文本</em
浏览 2提问于2020-09-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
