表示文字无意阅读 - 符合WCAG标准

时间:2015-11-06 16:06:49

标签: accessibility standards-compliance contrast wcag

试图让我的应用WCAG投诉。有几个地方的文字显示在屏幕上,但不打算由用户阅读。一个是当报价不符合条件时,我们会显示报价但会降低对比度以表示报价无法提供。另一个是我们在应用程序的底部显示案例编号。用户在报告错误时会在屏幕截图中捕获这些错误,并由支持人员用于跟踪问题,但不打算由用户阅读。

有没有办法表示这些字段不是由用户阅读,因此不需要满足WCAG对比度?

1 个答案:

答案 0 :(得分:1)

让我重新提一下你的问题......

如何标记纯装饰性文字以使其符合WCAG?

WCAG没有纯粹装饰性文字的概念,因为它可能会被滥用。

为此,您必须考虑使用aria-hidden,以便屏幕阅读器无法读取该文字。

其中最困难的部分是:访问者如何理解文本无意阅读?假设一个不可读的文本,对比度差,是你必须忽略的东西真的有助于提高可读性吗?否。

话虽如此,如果你只是想欺骗自动化工具,你有很多可能,比如玩透明度,加载后用img canvas替换HTML部分等等。但这不会有助于获取,也不会提供可读性。< / p>

您正试图仅使用色差来传达一个信息(&#34;不要阅读&#34;)G182 technique明确指出色差:确保提供额外的视觉提示当文本颜色差异用于传达信息时。

找到匹配的颜色以保持给定颜色的最小对比度是一种更好的解决方案(简单方法:尝试黑色或白色)。