一篇看懂2022年 Web 可访问性报告

开发 前端
在 100 万个主页中,检测到 50,829,406 个不同的可访问性错误——平均每个页面 50.8 个错误。自 2021 年 2 月(51.4 个错误/页)分析以来,检测到的错误数量减少了 1.1%。

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 个错误。

错误密度是站点可访问性的不可靠指标。大量的页面元素(例如

和元素)可能会导致较低的错误密度(表明更好的可访问性),而实际上可能还引入了许多新的可访问性错误。本报告重点关注检测到的错误的平均数量,而不是错误密度。

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/

责任编辑:武晓燕 来源: 前端充电宝
相关推荐

2021-05-27 05:24:21

云计算数据网络

2011-02-17 08:49:49

WebHTMLCSS

2019-04-17 15:16:00

Sparkshuffle算法

2021-04-09 08:40:51

网络保险网络安全网络风险

2024-06-25 08:18:55

2024-02-22 17:15:22

JS垃圾回收机制

2014-08-08 15:22:20

2024-01-09 12:06:55

MVCC并发控制MySQL

2015-11-12 10:40:43

2022-07-19 19:39:05

RTK技术定位技术

2019-06-25 10:53:06

AndroidFlutter通信

2020-11-20 10:15:05

TensorFlow

2020-04-14 20:40:58

Git内部存储

2022-02-24 23:56:45

Web应用程序工具

2018-01-09 20:35:11

Swift编程语言

2021-11-15 10:29:39

Go语言类型

2015-07-29 14:10:01

互联网运作模式

2017-11-06 10:17:41

CIO信息化安全

2018-12-26 10:14:56

综合布线系统数据

2021-02-24 08:32:45

Web Compone前端Web 应用
点赞
收藏

51CTO技术栈公众号