我正在寻找一种方法来将某些文本标记为符合WCAG或以其他方式将其从自动辅助功能测试中排除。
WCAG的要求经常说必须满足某些标准，除非有充分的理由。就我而言，它是搜索输入字段中的占位符文本。该字段下面有一个可访问的标签。占位符文本不起作用，仅出于装饰目的而添加，因为它是Web设计行业目前拥有该文本的标准。由于文本没有任何功能目的-不需要满足对比度WCAG的要求。确实，需要使占位符文本具有非常低的对比度-如果太暗，则看起来好像在输入字段中已经有一些输入。
但是，每当我运行自动检查时（合理地如此），它就会将占位符文本作为颜色对比问题。这就造成了业务问题-因为在自动测试中不发出警告是客户的可访问性要求之一。
Android应用程序似乎有一个标志，例如“ IMPORTANT_FOR_ACCESSIBILITY_NO”，对于该问题来说已经足够了。 JavaScript Web Apps是否有等效功能？
答案 0 :(得分：3)
简短的回答-不，您无法在不隐藏整个字段（aria-hidden =“ true”）的情况下对可访问性检查器隐藏占位符文本，这是您无法想象的可接受路径。
您应该问的一个问题是，如果占位符文本除了装饰之外没有其他目的，那么为什么它根本没有？ （您是否可以通过其他方式使表格更易于呈现）
要么使其具有足够高的对比度（白色上的#767676为4.5：1）和斜体（从可访问性的角度来看，斜体唯一适合的时间），要么完全消除它。
如果每个输入字段都有正确的关联标签，则占位符文本仅应用于传达额外信息，例如格式（例如，以DD / MM格式输入日期/ YYYY）。
旁注-如果您确实通过占位符向字段中添加了其他信息（例如，如何设置日期格式），请确保还将该信息添加到标签中并在外观上使用“隐藏的类来隐藏文本的内容，因为屏幕阅读器通常会忽略占位符文本，并且该信息对于看不见的用户很有用。
这样想：-
John的对比度感知问题很低（对比度为4.5：1）。
John在网站上遇到您的表格，并且看到了一些非常假的文字。
John睁大眼睛只是意识到文字没有提供有用的信息。
您现在在网站上增加了1个小麻烦，这可能会减少John等客户的销售转化率。 （我知道这只是次要的，但我们的目标是在每个阶段消除销售/查询的障碍。）
更糟糕的是，如果约翰根本无法辨认出他的文字，他可能会认为它传达了重要的信息，并且不确定他需要输入什么内容，从而导致他完全放弃了您的表格。