WebAIM Million 近期发布了2022年 Web 可访问性报告,这项对前 100 万个网站主页的年度可访问性分析提供了对 Web 可访问性的当前状态和趋势的洞察(本文只包含技术相关的部分)。
Web 可访问性意味着让每个用户都可以访问相同的信息,而不管他们是否受到损害或残疾。
Web 可访问性的四大准则:
- 可感知:所有人都能感知页面上的内容吗?
- 可操作性:所有人都可以与页面交互吗?
- 可理解:所有人都能理解页面上的内容吗?
- 健壮:内容能否被各种程序和设备(包括屏幕阅读器)解读?
1. 检测到的错误
在 100 万个主页中,检测到 50,829,406 个不同的可访问性错误——平均每个页面 50.8 个错误。自 2021 年 2 月(51.4 个错误/页)分析以来,检测到的错误数量减少了 1.1%。
2. 主页复杂性
主页复杂度在 12 个月内显著增加,从 2021 年 2 月的平均 887 个元素增加到 2022 年 2 月每个主页的 955 个元素,增长了 7.7%。
下面是近年 WebAIM Million 研究中检测到的主页元素数量:
3. 错误密度
5.3% 的主页元素检测到了可访问性错误。残障用户在他们参与的每 19 个主页元素中就会遇到 1 个错误。
错误密度是站点可访问性的不可靠指标。大量的页面元素(例如
<div>
和<span>
元素)可能会导致较低的错误密度(表明更好的可访问性),而实际上可能还引入了许多新的可访问性错误。本报告重点关注检测到的错误的平均数量,而不是错误密度。
4. WCAG 一致性
96.8% 的主页检测到 WCAG 2 失败。这比 2021 年 2 月的 97.4% 和 2019 年的 97.8% 略有改善。这些只是自动检测到的与 WCAG 一致性故障相一致的高度可靠性错误。因为自动测试无法检测到所有可能的 WCAG 故障类型。
下图是近四年检测到 WCAG 一致性失败的主页百分比:
虽然没有检测到错误的页面比率非常低,但 21.6% 的页面检测到的错误不超过 5 个,31.3% 的页面检测到的错误不超过 10 个。大多数一致性失败仅属于几类:
检测到的所有错误中有 96.5% 属于这六类。这些最常见的错误在过去 4 年中一直是相同的。解决这几类问题将显着提高整个网络的可访问性。
5. 图像和替代文本
样本中有 39,750,181 张图片,即平均每个主页有 39.8 张图片。自 2021 年以来,图像数量增加了 4.7%。23.2 % 的主页图像(平均每页 9.2 个)缺少替代文本(alt=””不计算在内)。几乎一半缺少替代文本的图像是链接图像,这就导致链接不具描述性。
10.4% 的带有替代文本的图像包含有问题或重复的替代文本,例如 alt=”image”、”graphic”、”blank”、文件名等,或者替代文本与相邻文本或替代文本相同。
这些数据表明,流行网站主页上超过三分之一的图像会有缺失、有问题或重复的替代文本。
6. 标题
检测到近 2320 万个标题(每个主页平均超过 23 个)。标题级别的数量(和占比)如下:
- 170 万
<h1>
个标题 (7.2%) - 720 万
<h2>
个标题 (31.0%) - 820 万
<h3>
个标题 (35.0%) - 380 万
<h4>
个标题 (16.4%) - 160 万
<h5>
个标题 (6.8%) - 80 万
<h6>
个标题 (3.4%)
主页上的标题数量从 2021 年的 2150 万个增加了 8%。所有标题级别的占比也有所增加。标题是屏幕阅读器用户用来导航内容的主要机制。19.6% 的主页超过 1 个 <h1>
,比2021 年的 18.4% 有所增加。有 1,092,097 次跳过标题级别(例如,从<h2>
跳转到<h4>
),每 21 个标题中就有 1 个标题结构不正确。40.4% 的页面存在跳过的标题(高于 2021 年的 38.4%),9.9% 的页面根本没有标题(低于 2021 年的 10.6%)
7. 链接
18% 的页面有不明确的链接文本,例如“点击这里”、“更多”、“继续”等。这些页面平均有 5.9 个不明确的链接实例,导致样本中有近 110 万个不明确的链接。
8. 文档类型
86.1% 的主页具有有效的 HTML5 文档类型——与 2021 年的 79.1% 相比显着增加。具有有效 HTML5 文档类型的页面的页面元素几乎翻了一番(平均 1013 : 595)和 15% 的错误(平均 51.8 : 45) 相比其他文档类型。在一百万页的样本中遇到了 700 个文档类型。
9. 技术
在 100 万个主页上检测到超过 1200 种不同类型的 Web 技术。下面列出了在 5000 多个主页上检测到的常见技术,按“最佳”到“最差”的顺序排列。
JavaScript 框架
与一般主页相比,采用这些常见框架中的大多数会导致更多的可访问性错误。这并不一定意味着框架导致了这些错误,但使用这些框架的主页出现的错误比平均水平要多。
JavaScript 库
Web 框架
样本中使用 Bootstrap 框架的主页平均比没有使用的主页多了 9.6 个可访问性错误。我们无法从这些数据中知道 Bootstrap 是否引入了这些错误,但是当 Bootstrap 存在时,对应的错误会增加。
10. 其他
以下是关于这项研究的一些其他有趣的事实:
- WebAIM Million 数据库有 5 次分析,每次分析超过 100 万页,数据点接近 40 亿。
- 在 179,966 个页面上观察到 1,298,423 个表格(低于 2021 年的 1,533,402 个)。只有 175,700 (13.5%) 个表具有有效的数据表标记。
- 在单个主页上检测到的错误最多为 68826!
WebAIM Million 2022 报告:https://webaim.org/projects/million/