跟进提出的问题 here关于 WCAG AA 的对比度要求，我正在尝试找出最佳解决方案，以解决 WCAG 准则与我正在设计的产品的企业形象准则之间的冲突。
在整个产品的用户界面中，品牌的原色主要应用于按钮。浅色文字与品牌原色的组合导致对比度不足。为了获得足够的对比度，我尝试使按钮标签文本颜色或按钮的背景颜色变暗(请参阅随附的屏幕截图)。然而，由于各种原因，改变品牌颜色并不是一个可接受的解决方案。
除了在按钮标签上使用深色文本之外，我还能如何在不修改品牌主色的情况下获得足够的对比度？
最佳答案
如果不更改背景颜色或使用较暗的文本，就无法获得 AA 级别的足够对比度。
为了找到良好的匹配颜色，您必须将颜色转换为 HSL 颜色空间而不是 RGB。然后保留色相和饱和度，您可以更改亮度并测试颜色。
这样您就可以找到像 #0F7FAD 这样的颜色，它与您的初始颜色相匹配，只是稍微暗一点。
关于user-interface - 无障碍对比度与企业形象指南，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57182581/