燈塔無障礙評分

Lighthouse 無障礙功能分數是所有無障礙功能稽核的加權平均值。權重是以使用者影響評估結果為依據。

每項無障礙功能稽核都通過或未通過。與效能稽核不同，頁面沒有部分通過無障礙功能稽核的積分。舉例來說，如果網頁上有部分按鈕有可解讀的名稱，但其他按鈕沒有，則該網頁代表的按鈕沒有可存取的名稱稽核名稱

下表列出各項無障礙功能稽核的權重。權重較高的稽核作業會對您的分數產生較大的影響。手動稽核不會納入表格中，因為它們不會影響您的分數。

稽核 重量
[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
大型 <table> 中的 <td> 元素有一或多個表格標頭 10
<table> 元素中採用 [headers] 屬性的儲存格參照了同一表格中的表格儲存格 7
<th> 元素和帶有 [role="columnheader"/"rowheader"] 的元素具有其所描述的資料儲存格 7
[lang] 屬性具備有效的值 7
<video> 元素包含帶有 [kind="captions"] 的 <track> 元素 10