storybook 确保前景和背景颜色之间的对比度达到wacg 2 AA最小对比度比率阈值,[Bug]:

lawou6xi 于 6个月前发布在其他

关注(0)|答案(2)|浏览(127)

确保前景和背景颜色之间的对比符合wacg 2 AA最小对比度阈值。

预期结果：

确保前景和背景颜色之间的对比符合wacg 2 AA最小对比度阈值。

实际结果：

前景和背景颜色之间的对比符合wcag 2 AA最小对比度阈值。文本的最小颜色对比度为4.5:1

OS: Windows 11
OS version: 23H2 ((OS Build 22631.3737)
Edge Version: Version 126.0.2592.87 (Official build) (64-bit)

2条答案

为了解决颜色对比度问题，请更新主题配置中的色彩值，确保它们满足WCAG 2 AA的最小对比度阈值。具体来说，修改A11yContext.tsx中的convert(themes.light).color值，使用具有足够对比度的颜色。示例：

const colorsByType = [
  '#D32F2F', // Updated VIOLATION color
  '#388E3C', // Updated PASS color
  '#FBC02D', // Updated INCOMPLETION color
];

确保这些颜色与背景的对比度至少为4.5:1。

此响应为您提供了研究的起点，而非精确解决方案。
帮助我们改进！如果这有帮助，请留下一个👍，如果不相关，请留下一个👎。

@msftedad,感谢你抽出时间整理这个问题并告知我们。我们非常感激！我们仍在文档网站上进行一些维护工作，我会跟进其他维护者，让他们了解这个问题并尽快修复。你觉得怎么样？
祝你周末愉快。
注意安全。