Lighthouse 無障礙設施分數

Lighthouse 無障礙設計分數是所有無障礙設計稽核作業的加權平均值。權重是根據 axe 使用者影響評估計算而得。

每項無障礙稽核結果為通過或不通過。與成效稽核不同,如果網頁部分通過無障礙稽核,就不會獲得分數。舉例來說,如果網頁上的某些按鈕有可存取的名稱,但其他按鈕沒有,則該網頁的按鈕沒有可存取的名稱稽核分數為 0。

下表列出各項無障礙稽核的重點。權重越高的稽核項目,對分數的影響就越大。表格中不會列出手動審查項目,因為這不會影響您的分數。

稽核 重量
[accesskey] 值不重複 7
[aria-*] 屬性與其角色相符 10
指派給 role="" 的值是有效的 ARIA 角色 1
buttonlinkmenuitem 元素具有可解讀的名稱 7
含有 role="dialog"role="alertdialog" 的元素具有無障礙元素名稱 7
[aria-hidden="true"] 未出現在文件 <body> 10
[aria-hidden="true"] 元素不包含可聚焦的子系 7
ARIA 輸入欄位具有可解讀的名稱 7
ARIA meter 元素具有可解讀的名稱 7
ARIA progressbar 元素具有可解讀的名稱 7
[role] 具備所有必要的 [aria-*] 屬性 10
具備 ARIA [role] 且要求子項包含特定 [role] 的元素具有全部的必要子項 10
[role] 包含在必要的父項元素中 10
[role] 值有效 7
具有 role=text 屬性的元素沒有可聚焦的子系 7
ARIA 切換欄位具有可解讀的名稱 7
ARIA tooltip 元素具有可解讀的名稱 7
ARIA treeitem 元素具有可解讀的名稱 7
[aria-*] 屬性具備有效的值 10
[aria-*] 屬性有效且拼字正確 10
按鈕具有可存取的名稱 10
網頁包含標題、略過連結或標記區域 7
背景和前景顏色具有足夠的對比度 7
<dl> 只包含排序正確的 <dt><dd> 群組、<script><template><div> 元素 7
定義清單項目已納入在 <dl> 元素中 7
文件含有 <title> 元素 7
[id] 已啟用的可聚焦元素沒有重複的屬性 7
ARIA ID 是唯一的 10
沒有任何表單欄位包含多個標籤 3
<frame><iframe> 元素具有標題 7
標題元素依遞減順序顯示 3
<html> 元素具備 [lang] 屬性 7
<html> 元素的 [lang] 屬性具備有效的值 7
<html> 元素的 [xml:lang] 屬性與 [lang] 屬性的基本語言相同 3
圖片元素具有 [alt] 屬性 10
圖片元素所含 [alt] 屬性沒有多餘的文字 1
輸入按鈕的文字容易辨識 10
<input type="image"> 元素具有 [alt] 文字 10
含有可見文字標籤的元素有相符的無障礙元素名稱 7
表單元素具有相關聯的標籤 7
不必依賴顏色,也可以明確區別連結 7
連結具有可辨別的名稱 7
清單只包含 <li> 元素和指令碼支援元素 (<script><template>) 7
清單項目 (<li>) 已包含在 <ul><ol><menu> 父項元素中 7
文件未使用 <meta http-equiv="refresh"> 10
[user-scalable="no"] 未用於 <meta name="viewport"> 元素,且 [maximum-scale] 屬性大於或等於 5 10
<object> 元素具有替代文字 7
Select 元素具有相關聯的 label 元素 7
跳轉連結可聚焦 3
所有元素的 [tabindex] 值皆未超過 0 7
表格內容與摘要屬性和 <caption> 不同 1
表格使用 <caption> 屬性表示標題,而非使用含有 [colspan] 屬性的儲存格 7
<td> 元素在大型 <table> 中有一或多個表格標頭 10
<table> 元素中使用 [headers] 屬性的儲存格,參照了同一表格中的表格儲存格 7
<th> 元素和帶有 [role="columnheader"/"rowheader"] 的元素具有其所描述的資料儲存格 7
[lang] 屬性具備有效的值 7
<video> 元素包含帶有 [kind="captions"]<track> 元素 10