Image ALT
插件介绍
检查所有图像和 SVG 元素是否可访问。
# A11y 图像检查
基本可访问性测试图像的简单扩展。
## 图片 (<img>)
### 背景图像 (CSS)
+ 使用内联样式或 CSS 识别网页中插入的所有图像。如果元素包含背景图像,则会生成有关图像插入方法的消息。
### 替代文本
* 查找文档中的所有图像元素并检查它们是否存在 ALT 文本。如果找到 ALT 文本,则会创建一条显示 ALT 文本的消息。
### 装饰图像
* 识别网页上的装饰图像。根据各种属性(aria-hidden 和 alt),图像被分类为装饰性图像。每个分类都会创建一条消息,解释为什么图像被分类为装饰性图像。
### 缺少 ALT 属性
* 识别缺少 ALT 属性的图像。它查找文档中的所有 img 元素并检查它们是否具有 alt 属性。如果不是,则会生成一条消息,指示图像缺少 ALT 属性。
## SVG
### SVG 可访问名称
* 检查文档中的所有 SVG 元素是否存在可访问的名称。它根据某些标准对 SVG 进行分类,例如 svg 具有“img”角色,但缺少可访问的名称,如果它遵循有意义的 SVG 的最佳实践,并且缺少“aria-hidden”或“role img”或可访问的名称。对于每种情况,都会生成一条消息来解释 SVG 的状态。
### 装饰 SVG
* 检查文档中的所有 SVG 元素,以确定哪些元素是装饰性的。装饰性 SVG 标有“aria-hidden true”。如果 SVG 具有可访问的名称,则会创建一条消息,显示它被标记为装饰性但具有可访问的名称。