表格背景颜色与分页符相同的任何辅助功能规则？

Question

我有一个包含表单字段的简单页面。 表单域和页面都具有白色背景颜色（浏览器默认值）。 这是否会导致视觉上损害用户的问题，因为他们可能很难直观地找到表单字段？

Answer 1

关于508，没关系，你可以扔border:none。辅助技术（由残疾人使用）可以获取与其相关的<label>：

<label for="someID">Your Name</label> <input type="text" id="someID">

如果你想要花哨，你可以这样做：

input:focus { outline-color: #006; outline-offset: 3px; outline-width:2px; }

Answer 2

可访问性或508遵从性取决于有关字段如何呈现或更改的多个内容。

• 一些有视觉障碍的用户可能正在使用屏幕阅读器，在这种情况下，背景颜色无关紧要，但“标签”标签和其他辅助功能属性将是至关重要的。
• 如果您没有应用任何特定的CSS来更改背景颜色，那么浏览器会将其呈现在通常可访问的原生UI主题中。很多没有屏幕阅读器的视障用户要么使用屏幕放大镜，要么使用高对比度方案，所以不应该有问题。

简而言之，如果您已经适当地应用了“label”标签并且没有大量摆弄表单字段的颜色（即留给浏览器进行渲染），那么您应该具有508兼容表单。