WebAIM - Web Accessibility In Mind

WebAIM百万的
年度可访问性分析的前100万主页

介绍

在2019年、2020年和2021年2月,WebAIM对排名前100万的网站的主页进行了可访问性评估。评估是使用WAVE独立API(附加工具收集现场技术和部门参数)。结果提供了一个概述和洞察目前的状态,残疾人的网页可及性和趋势随着时间的推移。

注意!

以下是最新的可获得的结果——目前是2021年2月的结果——与早些时候的分析进行了比较,并呈现了趋势。

样本

站点查找

你的主页在我们的研究中排名如何?在下面输入一个网站域名(减去"www.")来查看详细信息。


这100万个主页主要来自不同的来源宏伟的百万名单.由于不同的方法来确定“顶级”网站,这个列表是由额外的顶部页面从开放PageRank倡议Alexa的顶级网站.没有主页的站点,返回错误的页面(404等),或者少于10个HTML元素的页面都不包括在内。

方法

应用脚本和样式后,使用WAVE可访问性引擎分析所有页面的呈现DOM。WAVE使用启发式和逻辑来检测最终用户可访问性障碍和Web内容可访问性指南(WCAG)一致性故障。包括WAVE在内的所有自动化工具都有局限性,并非所有一致性故障都可以自动检测。没有可检测的错误并不表示站点是可访问的或符合要求的。万博体育官网网址尽管如此,这份报告中的数据仍然提供了一个有意义的网页不可访问状态的代表。

错误、页面复杂性和错误密度

在100万个主页中,发现了51,379,694个明显的可访问性错误——平均每页51.4个错误. 在2020年2月(60.9个错误)和2021年2月(51.4个错误)之间,错误数量减少了15.6%!“错误”是波检测的可访问性障碍,具有显著的最终用户影响,并且极有可能是WCAG 2 a/AA级合规性故障。

主页的复杂性在12个月内略有增加,从平均每页864个元素到887个元素。所有主页元素中有5.8%存在可检测的可访问性错误。残疾用户希望在他们使用的每17个主页元素中就有1个出现可检测错误。

注意!

中提供了错误密度(错误数除以页面元素数)网站查找,但这是一个不可靠的网站可访问性指标。大量页面元素(

例如,元素)可能会导致较低的错误密度(表明更好的可访问性),而事实上也可能引入了许多新的可访问性错误。本报告侧重于平均水平数量可检测的错误(可能是终端用户障碍),而不是错误密度(这些错误在页面元素中的稀释程度)。

WCAG一致性

97.4%的主页有可检测的WCAG 2失败!这比2020年2月的98.1%略有下降。这些只是自动检测的错误,与可靠性高的WCAG一致性故障一致。因为自动检测的错误在所有可能的WCAG故障中只占一小部分,这意味着实际的WCAG 2 a/AA一致性水平肯定更高更低。

最常见的WCAG 2故障类型
WCAG故障类型 2021年2月主页% 2020年2月主页% 2019年2月主页%
低对比度的文本 86.4% 86.3% 85.3%
缺少图像的替代文本 60.6% 66.0% 68.0%
缺少表单输入标签 54.4% 53.8% 52.8%
空链接 51.3% 59.9% 58.1%
缺少文档语言 28.9% 28.0% 33.1%
空按钮 26.9% 28.7% 25.0%

记录的绝大多数障碍都来自这六个类别。仅解决这几类问题将显著提高整个web的可访问性。

在三年的时间里,对比度低、缺少输入标签和空按钮的主页普遍增加,而缺少替代文本、空链接和缺少文档语言的主页则普遍减少。

低对比度的文本

低对比度的文本,低于WCAG 2 AA阈值,在86.4%的主页上发现。这是最常见的可访问性问题。平均而言,主页有31个不同的低对比度文本实例。

图像和替代文本

样本中有37948510张图片,平均每个主页有37.9张图片。自2020年以来,图片数量略有下降。26%的主页图片(平均每页10张)丢失了备选案文(不包括alt = " ")。缺少替代文本的图像中,近一半是链接图像,导致链接不具有描述性。

9.6%被分配替代文本的图像有可疑或重复的替代文本,如alt="image", "graphic", "blank",一个文件名等,或替代文本与相邻文本或替代文本相同。

这些数据表明,人们可以预期超过三分之一的网络图像会出现缺失、可疑或重复的替代文本。然而,随着替代文本的普及,这个数字正在逐渐下降。

Longdesc

尽管在十多年前被从HTML5中删除,2009年的主页还是有了一个新的发展朗迪斯目前,与2020年的1885年相比有所增加。16778的一半朗迪斯遇到的属性具有无效值,例如空值、无效URL、图像文件名等。

表单标签

在已查明的440万份表格输入中,有45%没有正确标记(通过,aria-label,或aria-labelledby)。这是一个显著的改善,2020年为55%,2019年为59%。尽管有了这一改进,将近一半的表单输入没有相关的标签文本。

标题

检测到近2150万个标题(平均每页超过21个)。标题级别的数目(和流行率)为:

  • 160万年<标题>标题(7.4%)
  • 650万年< h2 >标题(30.1%)
  • 750万< h3 >标题(35.0%)
  • 360万< h4 >标题(17.5%)
  • 150万年< h5 >标题(6.9%)
  • 70万
    标题(3.2%)

18.4%的主页有一个以上<标题>-从2020年的20.5%下降< h3 >,< h4 >,< h5 >,

标题都增加了。

有1,017,026个跳过标题级别的实例(例如,从< h2 >< h4 >)每21个标题中就有1个结构不当。跳过的标题出现在所有页面的38.4%(2020年为39.1%),10.6%的页面根本没有标题(2020年为12.4%)。

这些数据都表明,随着时间的推移,标题的使用越来越频繁,也越来越恰当。这很重要,因为标题是屏幕阅读器用户用来浏览内容的主要机制

区域

69.1%的主页上至少有一个地区(或ARIA landmark)的定义从2020年的68.9%和2019年的62.4%增加。A<大>元素或主要地标出现在首页的比例为30.1%,高于2020年的27.8%和2019年的23.5%。17.6%的主页有“搜索”地标。

96%带有主要区域/地标的主页只有一个实例(这是正确的实现)。带有导航区域/地标的页面平均每个页面有2.3个。

咏叹调

检测到47883,732个ARIA属性——平均每页接近48个!ARIA代码的使用在一年内增加了25%。

在100万个主页中,68.1%使用了ARIA(不包括ARIA里程碑角色),比2020年的64.6%和2019年的60.1%有所增加。带有ARIA的主页出现的可检测错误平均比没有ARIA的主页多41%,这意味着在使用ARIA的主页上可能会遇到另外24个潜在障碍。然而,这一数字从2020年的60%下降了。

ARIA与较高的可检测错误相关。出现的ARIA属性越多,可检测的可访问性错误就越多。这并不一定意味着ARIA引入了这些错误(这些页面更复杂),但当ARIA出现时,页面通常会有更多的错误。

主页平均7.6页aria-labelorgydF4y2Baaria-labelledby属性(从2020年的5.6个增加)。1 / 15aria-labelledby咏叹调属性的引用被破坏(意味着ARIA属性引用的元素在页面上不存在)。

7%(1 / 14)的主页有ARIA菜单(role=“菜单”),但令人担忧的是,60.1%的ARIA菜单(2020年为53.7%)由于缺乏必要的ARIA菜单标记和交互而引入了可访问性障碍。

主页的平均值也为8.9aria-hidden = " true "属性(2020年为6.6)和2.2role=“按钮”每页属性数(从1.3个增加到1.3个)。超过1430万(平均每页14.3个)的tabindex = 0orgydF4y2Batabindex = 1出席人数(比2020年增加43%)。

doctype

79.1%的主页拥有有效的HTML5文档类型——与2019年的74.1%相比有显著增长,但与2020年的80%相比略有下降。与使用其他doctype的页面相比,使用有效HTML5 doctype的页面的页面元素数几乎增加了一倍(平均987对508),错误数增加了35%(平均54.3对40.2)。在百万页的示例中遇到了707个唯一的doctype(其中大多数显然是无效的)。

场地类别

注意!

我们感谢……的支持webshrinker.com为我们提供网站类别数据。他们的支持使这些宝贵的信息得以获得。

根据内容,将主页分为以下几类IAB内容分类类别.下表显示了每个类别中主页的数量(有些网站可能属于多个类别),该类别中错误的平均数量,以及该类别中错误的百分比差异,以及整个百万页样本中平均51.4个错误。换句话说,百分比差异是指这个类别比平均主页好或坏多少。

类别 首页# #错误数
(差异)
生意 88,096 45.8 (−10.9%)
饮食 30722年 46.8 (−8.8%)
法律、政府和政治 23,451 46.9(−8.7%)
技术与计算 154,378 47.4(−7.8%)
健康与健身 53,886 48.5(−5.6%)
科学类 6937年 48.7 (−5.2%)
事业 11,940 50.1(−2.5%)
个人理财 41740年 50.6(−1.5%)
社交媒体与社会 22,875 50.7(−1.3%)
教育 49474年 50.8(−1.2%)
宗教和灵性 9766年 51.4 (0.1%)
家与花园 31705年 51.5 (0.2%)
家庭与养育 6,460 53.0 (3.1%)
汽车 18675年 57.1 (11.2%)
艺术与娱乐 40505年 57.3 (11.4%)
宠物 7725年 57.3 (11.5%)
旅行 40,385 59.4 (15.6%)
爱好和兴趣 84,718 61.7 (20.1%)
风格和时尚 20086年 63.2 (23.1%)
体育 37,751 64.8 (26.0%)
房地产 17,577 71.4 (38.9%)
新闻/天气/信息 72007年 73.5 (43.1%)
购物 40706年 75.2 (46.4%)
成人内容 19,079 83.1 (61.7%)

不同类别网站的可访问性错误存在显著差异。自2020年以来,食品和饮料类的主页改进最多,平均错误率从66.1减少到46.8。这一改进五月至少部分归因于该行业中有关网站无障碍性的诉讼显著增加。购物网站也受到无障碍性投诉和诉讼的严重影响,其平均错误从90.5个大大提高到75.2个,但该类别仍然是最难访问的类别之一。万博体育官网网址

顶级域名

793个独特的顶级域名(.com、.tv、.fashion等)出现在分析的数百万页中。com(501741)、.org(73959)和.net(44813)的主页是最常见的。

下表显示了最常见的TLD,包括页面计数、平均错误数以及这些错误与整个百万页样本的平均51.4个错误之间的差异。

顶级域名 首页# #错误数
(差异)
tk 5903年 17.7 (−65.6%)
我们 5484年 35.7(−30.5%)
ca 6858年 39.4(−22.9%)
org 73959年 40.4 (−21.4%)
英国 20213年 44.1 (−14.2%)
判定元件 28488年 44.2(−14.0%)
io 5422年 44.3(−13.8%)
44,813 45.9(−10.7%)
信息 8,038 45.9(−10.7%)
有限公司 6937年 48.2(−6.2%)
摩根大通 14095年 48.6(−5.4%)
11542年 51.0 (−50.7%)
com 501,741 51.2(−0.3%)
8,275 51.4 (0%)
fr 8,810 56.3 (+9.6%)
8579年 58.7 (+ 14.2%)
9,728 58.8 (+ 14.4%)
pl 7685年 58.8 (+ 14.4%)
8,033 60.5 (+17.8%)
俄文 33,074 77.0 (+ 49.9%)
cn 10932年 80.5 (+56.7%)

这表明TLD之间存在显著差异。包含.gov(22.5个错误)、.edu(30.0个错误)和.us(35.7个错误)的主页均隶属于美国实体,在所有常见(n>2000)TLD中,其平均可访问性错误数最低。

语言

72%的页面指定了文档语言。平均而言,没有定义语言的页面比定义语言的页面的错误要少得多。

该表显示了最常见语言的指定页面语言、示例中的页面数、平均错误数以及与总体平均错误的差异。

指定的语言 首页# #错误数
(差异)
没有指定的语言 280097年 44.5 (−13.4%)
英语 488,349 47.1 (−8.3%)
荷兰 10982年 51.3(−0.2%)
日本 19,943 52.8 (+ 2.8%)
德国 26225年 56.7 (+10.4%)
法语 19780年 60.3 (+ 17.4%)
西班牙的 23,243 66.7 (+ 29.8%)
中国人 11560年 79.6 (+ 54.9%)
俄语 30198年 82.1 (+ 59.8%)

与TLD一样,不同语言页面的可访问性存在显著差异,俄语、汉语和西班牙语页面的可访问性比平均水平差得多。俄语和汉语页面的可检测错误数几乎是英语页面的两倍。

技术

我们收集并分析了100万个主页上超过1000种不同类型的技术的数据。下面列出了在5000多个主页上检测到的技术,按“最好”到“最差”排序。请注意,附加错误与技术的对应不能自动归因于该技术。

内容管理系统

CMS #(和%)的主页 平均错误数 %差别
Squarespace 5772例(0.6%) 19.7 −61.6%
Typo3 6098例(0.6%) 49.9 −2.9%
Drupal 27,110 (2.7%) 51.0 −0.7%
Elementor 30328例(3.0%) 53.6 + 4.3%
WordPress 310936例(31.1%) 56/6 + 10.1%
火箭 22,543 (2.3%) 59.4 + 15.5%
1 cbitrix 7,630 (0.8%) 90.7 + 76.6%

CMS选择对可访问性的影响有很大的差异。

JavaScript框架

框架 #(和%)的主页 平均错误数 %差别
反应 26,773 (2.7%) 50.4 −1.9%
MooTools 8270例(0.8%) 54.8 +6.7%
GSAP 6612例(0.7%) 57.9 +12.7%
安魂曲 13621例(1.4%) 60.7 + 18.1%
原型 5,313 (0.5%) 62.6 +21.8%
Backbone.js 6,003 (0.6%) 63.9 +24.4%
5775例(0.6%) 64.9 + 26.4%
Vue.js 18358例(1.8%) 67.3 + 31.1%

除了React(在过去的一年中,React的可检测错误显著减少),采用任何一个框架都会导致比一般主页更多的可访问性错误。这并不一定意味着是框架导致了这些错误,但是使用这些框架的主页比平均水平有更多的错误。

JavaScript库

图书馆 #(和%)的主页 平均错误数 %差别
洛达斯 20,964 (2.1%) 57.4 +11.6%
Modernizr 76072例(7.6%) 57.8 +12.5%
jQuery迁移 203527例(20.4%) 58.5 + 13.9%
灯箱 41883例(4.2%) 60.3 + 17.4%
jQuery 624415例(62.4%) 61.6 +19.9%
浮油 76858例(7.7%) 63.8 +24.3%
prettyPhoto 19,425 (1.9%) 66.8 + 30.0%
jQueryUI 72798例(7.3%) 69.7 +35.7%
矩.js 18,359 (1.8%) 71.3 + 38.8%
FancyBox 20,473 (2.0%) 73.4 +42.9%
下划线.js 36247例(3.6%) 74.0 + 44.1%
选择2 9,567 (1.0%) 79 + 53.8%

这些JavaScript框架的存在与可检测的可访问性错误的增加相一致。62.4%排名前100万的主页使用jQuery。使用jQuery的主页平均比没有jQuery的主页多出10.2个错误。

网络框架

Web框架 #(和%)的主页 平均错误数 %差别
Ruby on Rails 5,144 (0.5%) 40.7 −20.7%
MicrosoftSP.net 58361例(5.8%) 56.2 +9.4%
祖尔布基金会 16654例(1.7%) 57.4 +11.8%
引导 264,238 (26.4%) 59.1 + 15.1%
Animate.css 58263例(5.8%) 66.6 + 29.7%

样本中使用流行引导框架的主页的可访问性错误平均比未使用引导框架的主页多8.5个。我们无法从这些数据中知道引导是否引入了这些错误,但当存在引导时,错误会相应增加。

电子商务平台

平台 #(和%)的主页 平均错误数 %差别
Shopify 14025例(1.4%) 54.1 + 5.0%
Woocommerce 32,127 (3.2%) 67 + 30.4%
马根托 5,577 (.6%) 79.7 + 55.1%

最流行的电子商务系统都出现了越来越多的可访问性错误。

广告网络

广告网络 #(和%)的主页 平均错误数 %差别
阿德罗尔 8547例(0.9%) 52.9 + 3.0%
公司AppNexus 18484例(1.8%) 66.8 + 29.9%
双击 32,181 (3.2%) 78.4 + 52.5%
谷歌广告联盟 85,505 (8.6%) 78.7 + 53.2%
克里蒂奥 8,817 (0.9%) 99.1 +92.8%
Yandex 5297例(0.5%) 105.6 +105.6%

使用这些流行广告系统的网页平均比没有使用的网页有更多的错误。数据表明,广告是易访问性错误最强烈的预兆之一。使用普通谷歌AdSense系统的主页平均比其他页面多出27个错误。

其他技术

其他常见技术也与更多错误相关。7.9%的页面有ReCAPTCHA,平均比没有ReCAPTCHA的页面多出10.8个错误。39.5%的页面有谷歌字体,平均多出6.1个错误;3.4%的页面有谷歌地图,平均多出11.6个错误;47%的页面有PHP,平均多出5.9个错误。

有趣的事实

以下是关于这项研究的一些有趣事实: