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