Lighthouse 无障碍功能评分

Lighthouse 无障碍功能得分是所有无障碍功能审核的加权平均值。加权基于 Axe 用户影响评估

每项无障碍功能审核都会通过或失败。与性能审核不同,网页如果仅部分通过无障碍功能审核,不会获得分数。例如,如果页面上的某些按钮具有无障碍名称,但其他按钮没有,则按钮没有无障碍名称审核这一页面将获得 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
选择元素具有关联的标签元素 7
跳转链接可聚焦 3
没有元素的 [tabindex] 值大于 0 7
表格的 summary 属性和 <caption> 具有不同的内容 1
表格使用 <caption>(而非带有 [colspan] 属性的单元格)来表示表格标题 7
大型 <table> 中的 <td> 元素具有一个或多个表格标头 10
<table> 元素中使用 [headers] 属性的单元格引用了同一个表格中的单元格 7
<th> 元素和 [role="columnheader"/"rowheader"] 的元素具有它们所描述的数据单元格 7
[lang] 属性具有有效值 7
<video> 元素包含带有 [kind="captions"]<track> 元素 10