燈塔無障礙評分

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

每項無障礙稽核檢查皆通過或失敗。有別於效能稽核,頁面在通過無障礙功能稽核檢查時不會獲得積分。舉例來說,如果網頁上的部分按鈕具有可存取的名稱,其他按鈕則沒有,則該頁面的「Buttons not have access name with access name」(按鈕沒有可存取名稱) 會變成 0。

下表列出各項無障礙稽核的權重。權重越重的稽核,對分數的影響就越大。 手動稽核不會影響您的分數,因此未列入表格。

稽核 重量
[accesskey] 的值沒有重複 7
[aria-*] 屬性與其角色相符 10
指派給 role="" 的值均為有效的 ARIA 角色 1
buttonlinkmenuitem 元素具有無障礙元素名稱 7
含有 role="dialog"role="alertdialog" 的元素具有無障礙元素名稱 7
<body> 文件中沒有 [aria-hidden="true"] 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
<meta name="viewport"> 元素未使用 [user-scalable="no"],且 [maximum-scale] 屬性不得小於 5 10
<object> 元素具有替代文字 7
Select 元素具有相關聯的 label 元素 7
跳轉連結可聚焦 3
沒有任何元素的 [tabindex] 值大於 0 7
表格內容與摘要屬性和 <caption> 不同 1
表格使用 <caption> 表示標題,而非使用含有 [colspan] 屬性的儲存格 7
大型 <table> 中的 <td> 元素有一或多個表格標頭 10
<table> 元素中使用 [headers] 屬性的儲存格參照了同一表格中的表格儲存格 7
<th> 元素和含有 [role="columnheader"/"rowheader"] 的元素具有其所描述的資料儲存格 7
[lang] 屬性具備有效的值 7
<video> 元素包含帶有 [kind="captions"]<track> 元素 10