有没有办法从自动可访问性测试中排除 Web 应用程序的元素?或者让它通过这些自动化测试的方法?

Is there a way to exclude an element of a Web Application from automated accessibility tests? Or a way to allow it to pass these automated tests?

我正在寻找一种方法来将某些文本标记为符合 WCAG 标准或以其他方式将其排除在自动可访问性测试之外。

WCAG 要求经常规定必须满足某些标准,除非有足够充分的理由。在我的例子中,它是搜索输入字段中的占位符文本。该字段下方有一个可访问标签。占位符文本不是功能性的,添加它纯粹是为了装饰目的,因为它是目前网页设计行业的标准。由于文本没有任何功能性目的 - 不需要满足对比度 WCAG 要求。事实上,占位符文本的对比度非常低是必需的——如果它太暗,看起来好像输入字段中已经有一些输入。

但是,每当我 运行 自动检查时(合理地)将占位符文本视为颜色对比问题。这会产生业务问题 - 因为在自动测试中没有收到警告是客户的可访问性要求之一。

Android 应用程序似乎有一个像 "IMPORTANT_FOR_ACCESSIBILITY_NO " 这样的标志,这足以解决这个问题。 JavaScript Web 应用程序是否有一些等效项?

简短回答 - 不,如果不隐藏整个字段 (aria-hidden="true"),就无法从可访问性检查器中隐藏占位符文本,这不是您可以想象的可接受的途径。

您应该问的一个问题是,如果占位符文本除了装饰之外没有其他用途,为什么还要有它呢? (你能不能用另一种方式让表格更像样)

要么使其具有足够高的对比度(#767676 白色为 4.5:1)和斜体(从可访问性的角度来看,斜体是唯一合适的时候),或者完全摆脱它。

如果您正确关联标签与每个输入字段,则占位符文本应仅用于传达额外信息,例如格式(例如,以 DD/MM/YYYY 格式输入日期)。

旁注 - 如果您通过占位符向字段添加额外信息,例如如何格式化日期,请确保您也将信息添加到标签并使用 'visually hidden' class 隐藏该文本的内容,因为屏幕阅读器通常会忽略占位符文本,而这些信息对 none 视力正常的用户很有用。

这样想:-

约翰有低对比度感知问题(4.5:1 的对比度点)。

约翰在网站上遇到了您的表单,并且可以看到一些非常虚假的文本。

John 睁大眼睛才发现文本没有提供任何有用的信息。

您现在已经在您的网站上添加了 1 个小问题,这可能会降低像 John 这样的客户的销售转化率。 (我知道这只是次要的,但我们的目标是在每个阶段消除销售/询价的障碍。)

更糟糕的是,如果 John 根本看不懂文本,他可能会认为它传达了重要信息并且不确定他需要输入什么,从而导致他完全放弃您的表格。