我们的设计系统团队正在研究使我们的应用程序符合WCAG。今天，对于必填字段，我们在输入中有一个橙色星号，它显示字段尚未完成的时间，一旦在字段中输入了条目，就会消失。很长一段时间以来，它对我们的用户群运行得很好。
我们目前使用的橙色没有足够的对比度，必须更改。在调查我们如何做到这一点的过程中，该团队坚持WCAG要求所需的指标处于标签级别，而不是输入级别，并且必须为红色。
这准确吗？
这里需要说明的几点。(我假设这是一个你没有具体说明的网络应用程序，如果没有，你可能需要找到我在这里建议的技术的等价物(。
-
是的，橙色在白色背景下的对比度永远不够好，所以你需要将其改为红色。小心，因为红色也不是很高的对比度，所以AA的最低值是#EB0000，AAA的最低值为#B30000。
-
它没有的为红色，但这是预期的行为，许多可访问性是关于用户希望看到什么来指示错误。如果它是黑色的，并且有一个图标/某种方式来区分它是一个错误，这也没关系。
-
您确实需要有一个指示，表明标签中需要字段。这主要针对屏幕阅读器用户，因为屏幕阅读器不会在您的输入中"看到"您的图标。
-
星号不是最好的选择，屏幕阅读器不会很好地读出它。你应该在标签上添加一些视觉隐藏的文字，上面写着"必需"，以最大限度地实现无障碍性，而不必过多地改变你的设计(如果符合你的审美观，你仍然可以在标签上使用星号，但如果你能制作出最佳的"必需"作品，因为它有助于认知障碍者(。
-
如上所述，没有理由删除方框中的星号，它为填写内容提供了一个很好的视觉线索。只需确保星号不能通过屏幕阅读器访问(即图像的
alt=""或样式为文本/内联SVG的aria-hidden。您可能还想添加role="presentation"以确保完整性。如果是SVG，您可能还想要添加tabindex="-1"和focusable="false"，因为Internet explorer会使一些SVG可聚焦。(