WebAIM  - 无障碍记

网络目标百万
对前100万个主页的可访问性分析

重要!

本页反映2019年2月的数据。如欲获得有关浏览前一百万个主页的最新完整资料,查看WebAIM的百万报告

介绍

在2019年2月,WebAIM进行了主页的访问性评估使用上百万的网站WAVE独立的API(有额外的工具来收集网站的技术参数)。尽管这项研究只侧重于自动检测问题,结果画网页易读的当前状态的一个相当令人沮丧的图片为残障人士。

注意!

对这一百万页的重新分析在2019年8月进行了确定一段时间里的变化。

例子

网站查询

看看你的主页在我们研究中的排名。在下面输入一个域(减去"www.")以获得详细的任何网站在我们的数据库。


“顶”万个网站进行了初步收集到的使用雄伟壮观的数以百万计列表域的大部分指子网。因为不是所有的领域都有主页,域列表中添加了顶部从25万个域名开放的PageRank倡议那是不是已经在雄壮的百万名单。

不包括返回错误(404等)的主页。包含少于10个HTML元素的页面也被拒绝,这些页面往往是占位符或空文档,而不是传达内容的主页。

对730个独特的顶级域名的主页进行了分析,其中.com(521316)、.org(76489)和.net(39757)是最常见的。6010 distinct.edu主页被分析。

方法

WAVE可访问性引擎用于分析呈现的主页(即应用脚本和样式后所有页面的DOM)。WAVE引擎使用启发式和逻辑来检测web页面内容中与最终用户可访问性问题和web内容可访问性准则(WCAG)一致性失败相一致的模式。包括WAVE在内的所有自动化工具在检测可访问性问题方面都受到限制,只有大约25%的可能一致性故障可以自动检测到。检测错误的缺席并不表示一个网站访问或兼容。万博体育官网网址尽管有这些限制,本报告提供的数据提供了网页不可访问状态的有意义的表示。

为什么只有主页?

我们选择了只注重主页作为度量一般的网页易读。主页页面经常在网站上最常访问的网页,并通往一个网站的内容的其余部分。主页页面不仅倾向于从开发商收到最受关注,但研究表明,一个主页和其他网站的页面上检测到问题之间的相关性。未来的研究可以探索超越主页其他页面。

错误和错误密度

错误是会自动检测通过WAVE,具有显着的最终用户的影响,并有可能WCAG 2一致性故障可访问性问题。在100万个主页中检测到59653607个不同的可访问性错误,平均每页59.6个错误

所有主页错误密度(错误的页面元素的数除以数)收集。782481056个不同的HTML元素进行了分析,这意味着每家页782元的平均值。这将导致所有的主页元素的约7.6%的具有可检测的可访问性错误。残障人士会想到会遇到检测误差在1与它们所从事的每13元

注意!

错误密度是一个有趣的指标,并提供该网站查询。然而,在页面元素显著上升(

年代和<跨度>S,例如)可能会导致较低的错误密度(暗示更好的辅助功能),而事实上可能也已经推出了很多新的可访问性错误。因此,我们选择了焦点平均数目可检测错误的(终端用户屏障)本在本报告中,而不是错误密度(这些错误如何稀释是页面元素内)。

在受欢迎程度的基础上,错误数和错误密度没有显著变化。与示例中最不受欢迎的站点的主页相比,最流行域的主页的错误和元素只稍多一些。

WCAG一致性

主页的97.8%有检测WCAG 2失败!这些只是自动检测到的错误,与WCAG一致性故障具有高可靠性一致性。因为自动检测到的错误在所有可能的WCAG失败中只占很小的一部分,这意味着最常访问的网站的主页的实际wcag2a/AA符合性级别非常低,可能低于1%。

WCAG 2故障的最常见类型
WCAG故障类型 主页的# 主页的%
低对比度的文本 852868 85.3%
缺少对图像的替代文本 679964 68%
空链接 581408年 58.1%
缺少表单输入标签 528482年 52.8%
缺少文档语言 329612 33.1%
清空按钮 250367 25%

虽然失败是普遍的,其种类常见的错误相对较少。简单地解决这几个类型的问题会对网页易读一个显著的积极影响。

低对比度

低对比度的文本,低于WCAG 2节AA阈值,是最常见的辅助功能问题的检测。主页的绝大多数(85.3%)分析了检测WCAG对比失败。只对包含文本元素检测对比的错误。首页平均有36个明显的对比不足的文本实例。所有主页HTML元素的4.6%(这是所有元素,与文字不只是可见的元素)分析了对比度不足。

图像和替代文本

样本中有36,713,043个图片,或者平均每个主页有36.7个图片。33.6%的图片(平均每页12.3张)丢失替代文本(不包括alt=“”). 18.5%的图片(平均每页6.7)是链接的图片,缺少或空的可选文本,导致可选文本问题和链接缺少任何描述。16%的页面有图像,没有中高音属性。

图像的16.8%已被指定的替代文本有可疑(如ALT =“图像”,“图形”,“空白”,文件名等)或重复的替代文本(可选文字相同相邻的文本或相邻的图像的替代文本)。

如果我们假设这个百万页面样本代表了更广泛的网页的可访问性,这些数据表明,大约一半的残疾人用户遇到的图像肯定会有不合适的替代文本。然而,这假设所有其他的图像都是实际给出的当量替代文本,这肯定不是这样的。作为一个例子,450万非链接的图像(所有图像的12.2%)已给定的alt=“”- 它可能很多这些图像的本来应该分配的替代文本。

LONGDESC

2,218页(样本的0.2%)有LONGDESC属性存在。然而,12051的49.7%LONGDESC属性遇到了无效的值,例如空值,无效的URL,图像文件名等。

表单标签

已确定的340万个表单输入59%的未标记(通过<标签>ARIA标签,或aria-labelledby)。的存在未标记的表单控件是一个更广泛错误的有力指标,至少有一个表单标签缺失的页面比没有任何标签错误的页面平均多出近30个错误。

标题

检测到18910980个标题。这些都是170万<标题>s(9.1%), 590万< h2 >S(31.4%),650万

S(34.5%),320万

S(16.7%),110万
S(5.7%),和.5亿
S(2.6%)。

有跳过标题级别的908784个实例(例如,从跳跃< h2 >

)——每20个标题中就有一个结构不当。跳过标题人出席362659个主页的所有页面(36.3%)。148573个主页(14.9%)无标题出现在所有。

地区

主页62.4%至少有一个区域定义。这包括与ARIA地标(例如,导航区与HTML定义的页面<导航>元件和/或ARIA角色=“导航”)。页面<页脚>(51.1%),<导航>(51.0%),和<头>(50.4%)最常见。23.5%的主页有主元素或地标,19.1%有辅助区域,15.9%有搜索地标。

包含至少一个区域的页面平均7.6个区域。页面的<大>每页10.5区域 - 区域定义,然而,值得注意的是更加平均。

与网页96.9%<大>有只有一个实例<大>。页面的<导航>目前元素的平均2.1人每页,并配有网页<头>平均每页3.2个。

一的存在<大>元件是更好的可接近的指示器-这些页面平均比缺少主区域的页面少3个错误。

咏叹调

100万个主页的60.1%有ARIA存在。检测到22300000个与ARIA属性页面元素。ARIA的数量超过了属性本的图像的数量和本标题的数量。,其中包括ARIA主页有38.3 ARIA平均每个属性。的ARIA属性的19%是ARIA标签aria-labelledby,或ARIA-describedby。注意:这些数字不包括ARIA landmark角色。

带有ARIA的主页比没有ARIA的主页平均多26.7个可检测的错误!ARIA属性数量的增加也与错误的增加有一定的相关性。换句话说,使用的ARIA越多,可检测的错误就越高。这并不一定意味着ARIA引入了这些错误(很可能这些页面更复杂),但是当ARIA出现时,页面通常会有更多的错误,当ARIA使用率较高时,情况会更糟。

文档类型

主页的74.1%有一个有效的HTML5的doctype。一个有效的HTML5文档类型的网页有显著更多的页面元素(平均844对605),比那些其他的文档类型错误(平均61.9对53.3)。1,130独特的文档类型(大多数的这些,显然是无效的)样品中遇到。

顶级域名

分析了来自不同顶级域(tld)的页面的可访问性差异。。com (n=521,316)或。net (n=39,757)的页面平均出现的错误只比来自其他域名的页面多一点点。另一方面,带有org的页面(n=76,489)表现得明显更好(平均47.4个错误),而那些来自其他域名的页面(60.6个错误)表现得更好。

从以下高度通用顶级域名的页面(通过在TLD主页次数进行排序),有比他们的同行明显的错误少:

  • 由Matchi.com提供回到(德国)
  • .UK(英国)
  • .jp(日本)
  • .nl(荷兰)
  • 埃杜(美国为基础的教育机构)
  • .AU(澳大利亚)
  • .CA(加拿大)

从以下高度通用顶级域名的页面有比他们的同行尤其是更多的错误:

  • .RU(俄罗斯)
  • .CN(中国)
  • 特等(波兰)
  • br(巴西)
  • 。它(意大利)
  • .ES(西班牙)

隶属于美国实体的。edu(37.1个错误)、。us(36.6个错误)和。gov(30.5个错误)主页在所有常用域名(n>2000)中平均可访问性错误数最低。

技术

收集并分析了一百万个主页上使用的1195种不同类型的技术的数据。在5000多个主页上检测到的技术(占样本的0.5%)如下所示。下面的分类表显示了技术名称、使用该技术的主页的数量、这些页面上出现的平均错误数,以及使用该技术的页面上检测到的平均错误数与不使用该技术的页面上检测到的平均错误数的百分比差。技术从“最好”到“最差”。

例如,第一个表格表明,Squarespace CMS上的主页错误率比不使用该技术的页面少45.4%(几乎是一半),使用WordPress的页面在可访问性错误方面几乎没有差异,Blogger上的页面错误率比其他页面多237%(超过3倍)。需要注意的是,附加错误与技术的对应关系不能自动归因于该技术。

内容管理系统

CMS公司 主页的#(和%) 平均。错误# 误差%减少/增加
Squarespace 10036例(1.0%) 32.7 -45.4%
维克斯 5612(0.6%) 35.3 −40.9%
Weebly 5502例(0.6%) 41.0 -31.4%
电子门 8269(0.8%) 49.0 -17.9%
Joomla 28401(2.8%) 49.6 −17.2%
打字3 7483(0.7%) 56.2 -5.9%
Drupal的 32217(3.2%) 57.8 −3.1%
WordPress的 312026例(31.2%) 59.9 0.6%
火箭 9502例(1.0%) 69.5 16.7%
1位线 7028(0.7%) 91.5 53.9%
博客作者 19806年(2.0%) 192.0 237.0%

CMS的选择对可访问性的影响具有广泛的多样性。

JavaScript框架

框架 主页的#(和%) 平均。错误# 误差%减少/增加
MooTools 27033(2.7%) 52.3 -12.6%
TweenMax 25802(2.6%) 58.3 −2.3%
胡子 11803(1.2%) 65.5 9.9%
Knockout.js 7046(0.7%) 65.6 10.0%
反应 31960(3.2%) 65.5 10.1%
Backbone.js 22678例(2.3%) 69.3 16.6%
有棱角的 14939例(1.5%) 70.9 19.2%
RequireJS 21168例(2.1%) 71.1 19.7%
把手 15307例(1.5%) 73.5 23.6%
Vue.js 6639(0.7%) 73.7 23.7%
原型 14376(1.4%) 74.2 24.8%

通过MooTools和TweenMax外,采用这些框架与附加的可访问性错误对齐。这并不一定意味着该框架导致这些错误,但表明主页与这些框架有比没有的网页更多的错误。

JavaScript库

图书馆 主页的#(和%) 平均。错误# 误差%减少/增加
Zepto 7708(0.8%) 44.0 −26.4%
YUI 20136例(2.0%) 52.7 -11.9%
jQuery迁移 313391(31.3%) 61.7 5.1%
Modernizr 197260(19.7%) 63.2 7.5%
轻巧 8598(0.9%) 64.9 8.8%
SoundManager 5671(0.6%) 64.9 8.8%
prettyPhoto 32684(3.3%) 65.4 10.0%
灯箱 53171(5.3%) 65.8 10.9%
道场 7111(0.7%) 66.4 11.5%
Hammer.js 22961(2.3%) 67.4 13.3%
Lodash 17219(1.7%) 68.2 14.7%
选择二 22194(2.2%) 74 24.7%
jQueryUI的 187057(18.7%) 71.4 25.3%
FancyBox 50554(5.1%) 73.8 25.3%
Script.aculo.us 8825(0.9%) 75 25.9%
Underscore.js 27457例(2.7%) 74.7 26.1%
Moment.js 35028(3.5%) 75.6 28.0%
滑溜的 39866人(4.0%) 79.8 35.7%
Fingerprintjs 8864(0.9%) 81.8 37.6%
jQuery的 774058(77.4%) 64.0 43.3%
懒惰.js 15884(1.6%) 192.8 235.3%

绝大多数最上面的一个万个家庭的网页使用jQuery的。jQuery的首页页面平均19.2比那些没有jQuery的更多的错误。jQuery的出现对应着近1500万个检测到的错误,或者超过我们检测到的所有可访问性错误的25%。使用jQuery的页面更容易出现替代文本和对比错误,但与非jQuery页面相比,使用jQuery的页面更容易出现空按钮(2.4倍)、缺少表单标签(近3倍)和空链接(3.4倍)。有趣的是,使用jQuery的页面识别文档语言的可能性是没有使用jQuery的页面的两倍。使用jQuery的页面要比其他页面复杂得多(平均844个元素)(平均605个元素)。

Web框架

Web框架 主页的#(和%) 平均。错误# 误差%减少/增加
MicrosoftASP.net 89444(8.9%) 52.7 -12.6%
ZURB基金会 25390例(2.5%) 62.3 4.5%
CodeIgniter 5962例(0.6%) 63.1 5.9%
引导 223165(22.3%) 64.3 10.3%
Animate.css 51423(5.1%) 67.0 13.1%
Laravel 6285例(0.6%) 75.8 27.3%

在样本中,使用流行引导框架的主页比不使用引导框架的主页有130万多的可访问性错误。我们不能从这些数据中知道Bootstrap是否引入了这些错误,但当Bootstrap存在时,错误增加的情况有很强的对应关系。

广告网络

广告网络 主页的#(和%) 平均。错误# 误差%减少/增加
将AdRoll 12291例(1.2%) 65.8 10.5%
公司AppNexus 16192(1.6%) 92.1 55.8%
扬德克斯 5514(0.6%) 92.8 56.0%
Criteo 21468(2.1%) 93.1 58.0%
预投标 18682(1.9%) 94.4 60.0%
双击 66918(6.7%) 96.2 68.6%
谷歌的AdSense 125462(12.5%) 100.9 87.8%
VigLink 8466例(0.8%) 128.1 116.8%

灵活运用这些流行的广告系统的页面对比那些没有平均更多的错误。使用非常常见的googleadsense系统的主页平均比其他页面多出47.2个错误,几乎是其他页面的两倍!

其他技术

其他常用技术也导致页面出现更多错误。有ReCaptcha的页面平均比没有的页面多出14.9个错误。使用googlemaps的页面平均多出13.9个错误,使用PHP的页面平均多出7.6个错误,使用Java的页面平均多出4.7个错误。

有趣的事实

下面是关于这项研究的几个其他有趣的事实:

  • 该WebAIM百万数据库有168,000,000个数据点。
  • 它采取了累积的计算机处理时间66.2天来下载和处理样品中所有这1百万主页。这是5天连续运行5个AWS实例共享。
  • 尽管是2019 11200个主页有<选取框>和570米的主页有闪烁的内容(<眨眼>或CSS文字修饰:眨眼)。
  • 相比,只有113737数据表中检测到2099665个布局表。
  • 单个主页上检测到的最多错误是26,680个!

结论

这些数据表明,仍然有工作要做,以确保网是由任何人访问显著工作。万博体育官网网址这是希望,这项研究将促进更大的兴趣和努力至此结束。而错误的音量令人不安,大部分显著的错误仅仅是几个类型。我们将公布这一数据的附加分析,并会在未来进行类似的,更广泛的研究。

有无数的方法,使这个数据可以研究和探索。这份报告真的只有皮毛。如果您对本研究的问题或者希望我们来分析一些特定的数据库,请联系我们