引导程序轮廓样式默认情况下是否可访问？

Question

假设我正在使用最新的引导程序。我将我的主要颜色sass变量设置为黑色，因此这意味着默认的按钮轮廓颜色为 rgba(0, 0, 0, .25)，其中does not pass WCAG 2.0。我应该覆盖bootstrap的默认轮廓样式以获得更多可访问的样式，还是轮廓的颜色对比度不重要？

Answer 1

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

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

如果您更改聚焦元素的背景颜色以进行视觉识别，那么轮廓将不重要。但是，如果您不解决focus状态样式，则应依靠focus状态样式的轮廓。在这种情况下，您需要确保outline样式通过了可访问性测试。