Lighthouse 無障礙設施分數

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

每項無障礙稽核都會通過或失敗。與成效稽核不同,網頁不會因為部分通過無障礙稽核而獲得分數。舉例來說,如果網頁上有些按鈕有可存取的名稱,但其他按鈕沒有,則網頁在「按鈕沒有可存取的名稱」稽核中會得到 0 分。

下表顯示各項無障礙稽核的權重。權重較高的稽核項目對分數的影響較大。 手動稽核和低影響 / 最佳做法稽核不會影響分數,因此未列入表格。

稽核 重量
[accesskey] 的值沒有重複 7
[aria-*] 屬性與其角色相符 10
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] 值有效 10
具有 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
輸入按鈕的文字容易辨識 10
<input type="image"> 元素具有 [alt] 文字 10
含有可見文字標籤的元素有相符的無障礙元素名稱 7
表單元素具有相關聯的標籤 10
文件應有一個主要地標 3
就算不依賴顏色,也可以明確區別連結 7
連結具有可辨別的名稱 7
清單只包含 <li> 元素和指令碼支援元素 (<script><template>) 7
清單項目 (<li>) 已包含在 <ul><ol><menu> 父項元素中 7
文件未使用 <meta http-equiv="refresh"> 10
<meta name="viewport"> 元素中未使用 [user-scalable="no"],而且 [maximum-scale] 屬性大於或等於 5 10
<object> 元素具有替代文字 7
Select 元素具有相關聯的 label 元素 10
跳轉連結可聚焦 3
所有元素的 [tabindex] 值皆未超過 0 7
表格使用 <caption> 屬性表示標題,而非使用含有 [colspan] 屬性的儲存格 7
大型 <table> 中的 <td> 元素有一或多個表格標頭 10
<table> 元素中使用 [headers] 屬性的儲存格參照了同一表格中的表格儲存格 7
<th> 元素和帶有 [role="columnheader"/"rowheader"] 的元素具有其所描述的資料儲存格 7
[lang] 屬性具備有效的值 7
<video> 元素包含帶有 [kind="captions"]<track> 元素 10