Lighthouse 無障礙設施分數

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

每項無障礙稽核結果為通過或不通過。有別於效能稽核，頁面在通過無障礙功能稽核檢查時不會獲得積分。舉例來說，如果網頁上的某些按鈕有可存取的名稱，但其他按鈕沒有，則該網頁的按鈕沒有可存取的名稱稽核分數為 0。

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

稽核 重量
[accesskey] 的值沒有重複 7
[aria-*] 屬性與其角色相符 10
指派給 role="" 的值均為有效的 ARIA 角色 1
button、link 和 menuitem 元素具有可解讀的名稱 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