twitter-bootstrap - 默认情况下是否可以访问引导程序大纲样式？

Question

假设我正在使用最新的引导程序。我将我的原色 sass 变量设置为黑色，这意味着默认按钮轮廓颜色将是 rgba(0, 0, 0, .25)，它不会通过 WCAG 2.0。我应该覆盖引导程序的默认轮廓样式以获得更易于访问的样式，还是轮廓的颜色对比无关紧要？

标签： twitter-bootstrapbootstrap-4accessibility

Answer 1

颜色对比度总是很重要，无论是轮廓还是用户界面的任何其他图形元素。

对于使用键盘浏览页面元素并聚焦它们的人，以及只使用视觉指示（即不使用屏幕阅读器）的人，开发人员必须提供一些视觉提示，让他们知道元素已聚焦。

如果您将焦点元素的背景颜色更改为视觉识别，那么轮廓将无关紧要。但是，如果您不解决focus状态样式，则应该依赖focus状态样式的大纲。在这种情况下，您需要确保outline样式通过可访问性测试。