如何修复:图像缺少替代文本
图像丢失替代文本是一种常见的 WCAG 辅助功能故障,自动扫描仪会标记该故障,并且 EAA 执法机构会认真对待。以下是触发它的原因、它为何重要以及具体的解决方法。
为什么它很重要以及如何解决它
对于没有替代文本的图像,屏幕阅读器用户听不到任何有意义的内容。 WCAG 1.1.1 下的文本图像规则意味着每个非装饰图像都需要描述。
添加 alt 属性来描述图像传达的内容,如果纯粹是装饰性的,则添加 alt=""。
修复后重新运行扫描程序以确认对此规则的零违规。添加一个单元或 e2e 测试来断言相关属性存在,这样问题就不会悄无声息地回归。
指导,而非法律认证
扫描结果是自动可访问性指南,而不是法律建议或经过认证的一致性意见。始终将自动扫描与专家手动审核配对。
常见问题
我的网站会因为这个问题而被罚款吗?
单一问题很少会被直接罚款。当局通常要求在期限内进行补救;忽视该通知可能会导致行政罚款。
扫描仪如何检测到这一点?
我们针对渲染的页面运行 axe-core 规则,并使用匹配的 WCAG 标准和受影响的 DOM 选择器来显示每个违规行为。