【发布时间】:2017-03-17 12:43:17
【问题描述】:
我们正在运行一个网站并使用第 3 方跟踪像素,但在我们的网站上执行 webaim/WCAG 2.0 扫描时收到alt 属性错误。
我不确定在这种情况下跟踪像素是否真的需要有一个空白的alt 属性,或者某些屏幕阅读器是否仍会读取src?
【问题讨论】:
标签: html accessibility alt wcag2.0 tracking-pixel
我们正在运行一个网站并使用第 3 方跟踪像素,但在我们的网站上执行 webaim/WCAG 2.0 扫描时收到alt 属性错误。
我不确定在这种情况下跟踪像素是否真的需要有一个空白的alt 属性,或者某些屏幕阅读器是否仍会读取src?
【问题讨论】:
标签: html accessibility alt wcag2.0 tracking-pixel
alt="" 在这种情况下是最合适的方法 - 这告诉屏幕阅读器该图像纯粹是装饰性的,应该被忽略。由于跟踪像素不会在视觉上传达信息,因此从这个角度来看,它们本质上是装饰性的。
如果不存在 ALT,某些屏幕阅读器将回退到读取图像名称(不带扩展名),而这通常是您不希望的。
一些屏幕阅读器 (JAWS) 可能会忽略 1x1 或类似大小的小图像 - 但最好还是使用 alt="",因为这是最佳做法。
一些参考资料:
【讨论】:
实际上,我有机会见到了 WCAG 2.0 规则和法规的一些作者。很棒的一群人。
当我问他们这个问题 re:pixels 时,他们的回答和上面的其他人一样 re:alt=""。但是,他们表示,这样做的首选方法是执行以下操作:
更改role="presentation"
和aria=hidden
这些是他们的“默认”建议,但他们表示,更新 alt="" 也会增加保护,以帮助屏幕阅读器承认像素/URL 是严格装饰性的,不能被屏幕阅读器阅读。
【讨论】: