螢幕截圖
詳細介紹
檢查所有影像和 SVG 元素是否具備無障礙支援。
# A11y 影像檢查
用於對影像進行基本無障礙測試的簡單擴充功能。
## 影像 (<img>)
### 背景影像 (CSS)
+ 識別使用行內樣式或 CSS 插入網頁的所有影像。如果元素包含背景影像，便會產生一則說明影像插入方式的訊息。
### 替代文字
* 找出文件中的所有影像元素，並檢查是否有 ALT 文字。若找到 ALT 文字，便會建立顯示該文字的訊息。
### 裝飾性影像
* 識別網頁上的裝飾性影像。系統依據各種屬性（aria-hidden 和 alt）將影像歸類為裝飾性影像。每項分類都會產生訊息，說明影像被歸類為裝飾性的原因。
### 缺少 ALT 屬性
* 識別缺少 ALT 屬性的影像。工具會尋找文件中的所有 img 元素，並檢查它們是否具有 alt 屬性。如果沒有，就會產生訊息指出影像缺少 ALT 屬性。
## SVG
### SVG 無障礙名稱
* 檢查文件中的所有 SVG 元素是否具有無障礙名稱。依據特定條件分類 SVG，例如 svg 的 role 為 'img' 但缺少無障礙名稱、是否遵循有意義 SVG 的最佳實務，以及是否缺少 'aria-hidden'、'role img' 或無障礙名稱。每種情況都會產生訊息，說明 SVG 的狀態。
### 裝飾性 SVG
* 檢查文件中的所有 SVG 元素，以識別哪些屬於裝飾性。裝飾性 SVG 標記為 'aria-hidden true'。如果 SVG 具有無障礙名稱，便會建立訊息，顯示它被標記為裝飾性但具有無障礙名稱。