【问题标题】:Denote text is not meant to be read - WCAG compliance表示文本不应被阅读 - WCAG 合规性
【发布时间】:2015-11-06 16:06:49
【问题描述】:

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

有什么方法可以表明这些字段不是供用户阅读的,因此不需要满足 WCAG 对比度?

【问题讨论】:

  • 我知道我的应用程序符合这个标准,即使文本没有这样标记,只是想知道是否有办法表示这一点,以便自动检查器不会抱怨。尝试将其构建为自动化测试解决方案。
  • 您认为此文本不需要阅读的断言是错误的。

标签: accessibility standards-compliance contrast wcag


【解决方案1】:

让我重新表述你的问题...

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

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

至少,您必须考虑使用aria-hidden 以使屏幕阅读器不阅读文本。

其中困难的部分是:访问者如何理解文本不是要被阅读的?假设您必须忽略对比度差的不可读文本真的有助于提高可读性吗?没有。

话虽如此,如果你只是想欺骗自动化工具,你有很多可能性,比如玩透明度,加载后用 img 画布替换 HTML 部分等。但这无助于可访问性,也不利于可读性。

您正试图仅使用色差来传达一种信息(“不要阅读”),这显然是 G182 technique 的目标:确保在使用文本色差来传达信息时有额外的视觉提示可用.

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

【讨论】:

  • 感谢您的详细回答,我添加了一个辅助功能按钮,以允许用户以更高的对比度显示文本。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-06-18
  • 1970-01-01
  • 1970-01-01
  • 2019-07-07
  • 1970-01-01
  • 2021-04-30
相关资源
最近更新 更多