世界上最容易访问的网站
已发表: 2021-11-10对于我们许多人来说,互联网是显而易见的。 您知道在哪里查看、单击什么以及一切如何运作 - 无论哪个网站构建器或 CMS 制作了您正在查看的内容。 但是,如果您是全球 10 亿残疾人之一,而对他们来说互联网更难理解,该怎么办?
某些残疾使互联网变得更加混乱,这就是可访问性的用武之地。
我们研究了一些世界上最受欢迎的网站,以了解哪些网站通过了可访问性测试,哪些网站还有很多工作要做。
为什么可访问性很重要?
网络可访问性以我们可能没有意识到的方式影响着我们所有人。 它不仅让互联网成为全球 10 亿依赖互联网的人更可用的地方,而且还让互联网对其他人来说变得更好。
它使文本易于阅读,而无需我们眯着眼睛。 它使如何完成订单以及如何单击链接变得显而易见,这意味着我们可以在早上第一件事就是查看手机,并且仍然了解发生了什么。
对于具有特定可访问性需求的人来说,这可能是他们在网站上花钱或选择去其他地方之间的区别。 因此,对于品牌来说,这不仅很重要,因为它可以让网站变得更好,而且很重要,因为这可能会让他们花钱。
仅在英国,2020 年因网站无法访问(即“点击损失英镑”)而造成的损失就达到 117.5 亿英镑。只要企业进行一些简单的改变,使其网站达到标准。
可达性如何评分?
Web 可访问性根据 Web 内容可访问性指南 (WCAG) 进行排名。 他们当前的指南 WCAG 2.2 告诉网络所有者他们需要做什么才能使他们的内容可供任何可能找到它的人使用。
他们将网站分为三个不同的类别:
A – 最低无障碍标准。
您可以使用键盘浏览该网站,它不会引导您陷入任何陷阱,视频都有字幕,并且不会通过形状、大小或颜色传达任何含义。
AA – 可接受的可访问性,网站应该追求的目标。
颜色对比度需要达到更高的水平,图像需要替代文本来告诉盲人用户其中的内容,导航要清晰,标题将解释其下面的内容正在谈论的内容。
AAA – 最高级别的可访问性。
颜色对比度需要几乎是白底黑字,视频需要手语,订单永远不会超时,只要内容的目的需要解释,就会出现工具提示。
网站可访问性报告——谁来评分?
我们对世界上 200 个最受欢迎的网站进行了可访问性测试(您可以在本报告末尾了解更多内容)。 这些测试着眼于从颜色对比度到可聚焦区域的所有内容,为我们提供了网站资产的总分以及其中有多少是失败的。
我们使用这个分数来计算有多少百分比的网站对于有任何障碍的用户来说是无法访问的。
当然,并非所有障碍都需要额外的辅助功能。 例如,轮椅使用者不需要使用屏幕阅读器。 虽然每个人都可以从可访问的网站中受益,但一些互联网用户比大多数人更需要它们。 这里有一些例子:
失明
当谈到可访问的内容时,这可能是人们想到的最明显的缺陷。 盲人用户无法阅读我们写的内容,因此他们依靠屏幕阅读器来阅读。 他们也不太可能使用鼠标,而是通过选项卡浏览内容。
有大脑疾病的用户
患有运动神经元疾病和帕金森病等疾病的人会遭受肌肉颤抖、抽搐和僵硬等症状。 他们可能会发现无法使用鼠标或单击内容,而可能会使用头棒来导航网站。 头杖是一种戴在头上的设备,用一根长棍代替手指敲击键盘。
学习困难
阅读障碍等学习困难或自闭症等神经多样性可能会使内容变得非常难以阅读。 字母可能会变得混乱,单词可能会移动,长篇大论的内容可能会导致头痛或沮丧。
耳聋
聋人将无法听到任何视频内容,而且年轻的聋人通常难以阅读。 视频需要字幕或手语,并且语言应保持简单。
其他用户眼中的互联网
良好的可访问性不仅可以使您的网站运行得更好,还可以使其对于以不同方式与之交互的人来说看起来更好。 我们模拟了一些世界上最受欢迎的网站在有视力障碍的人看到时会是什么样子,让您了解可访问性有多么重要。
隧道视觉正如您所期望的那样——使人们看到事物就像透过隧道一样。 在亚马逊上,这将使大量产品完全不可见,并使其看起来好像根本不存在任何侧面菜单。
阅读障碍会导致谷歌的大部分内容看起来难以阅读。 它会给阅读、写作和拼写带来挑战,导致字母看起来混乱且无意义。 在像谷歌这样的网站上,文本构成了其平台的大部分内容,这将尤其成问题。
失明影响了全球 22 亿人,Netflix 也会变成这样。 您可以看到的行说明了 Tab 键顺序(人们如何使用 Tab 键导航网站),而如果没有替代文本,人们都会“看到”空图像框。 Tab 键顺序在页面底部结束,用户无法选择返回顶部。 不想看鱿鱼游戏? 倒霉。
色盲有多种形式,对不同的人会产生不同的颜色影响。 虽然在某些网站上它可能只会让事情看起来有点不同,但如果你使用颜色来传达含义,它就会消除所有的含义。 我们可能会看到绿色按钮表示注册,红色按钮表示取消,但这对每个人来说都不是那么清楚。
白内障使互联网体验变得更加模糊。 文本可能会变得不清楚并让人头疼,这就是为什么高水平的颜色对比度如此重要。 在像 Twitter 这样的网站上,白内障可能会导致人们滚动浏览而无法参与。
最容易访问的网站
地点 | 站点总资产 | 辅助功能错误 | 辅助功能警告 | 网站无法访问的百分比 |
---|---|---|---|---|
日本政府 | 第555章 | 1 | 76 | 0.18% |
疾病预防控制中心网站 | 第543章 | 1 | 59 | 0.18% |
英国政府 | 第492章 | 1 | 14 | 0.20% |
领英 | 295 | 1 | 19 | 0.34% |
H&M | 第794章 | 3 | 160 | 0.38% |
贝宝 | 235 | 1 | 30 | 0.43% |
梅奥诊所 | 750 | 4 | 61 | 0.53% |
UPS | 607 | 4 | 56 | 0.66% |
国会一号 | 第448章 | 3 | 18 | 0.67% |
亚马逊 | 2077 | 15 | 187 | 0.72% |
美国国立卫生研究院拥有最容易访问的网站
根据我们的报告,美国国立卫生研究院 (NIH) 是每年向美国医疗保健投资数十亿美元的全国性机构,拥有互联网上最容易访问的网站。 该网站只有 0.18% 的内容无法访问,这使其成为依赖该网站的人们的绝佳资源。
鉴于医疗保健网站吸引的受众,每个人都可以访问其内容至关重要。 NIH 通过文本和背景之间的高色彩对比度、描述性链接告诉您单击它们将实现什么,以及清晰一致的导航使网站易于浏览来实现这一目标。
我们的测试发现的唯一错误是“指定的语言无效”的单一情况,这是一个编码错误,可能偶尔会导致屏幕阅读器出错。 但是,由于这只在整个站点中出现一次,因此不太可能影响其整体性能。
疾病预防控制中心网站的访问率达到 99.82%
另一个政府健康网站在可访问性方面也得分很高。 美国疾病控制与预防中心 (CDC) 的网站只有 0.18% 的内容无法供用户访问,这为所有访问者提供了清晰的用户体验。
就像 NIH 一样,这是另一个目标受众可能包括残疾人的网站,因此无障碍内容至关重要。 其清晰的设计和白色背景消除了任何低色彩对比度的风险,也使导航变得简单。 元素以用户期望的方式布局,所有图像都包含替代文本,链接都是描述性的。
它只是因为标题中存在链接的警告而落到了第二位,这可能会让人们更难找到它们。
英国政府网站的访问量位居世界第三
英国政府主要网站 gov.uk 背后的团队被认为发明了“内容设计”一词,因此他们的网站表现如此出色也是有道理的。 内容设计就是关于用户如何浏览内容,以易于找到的方式将内容放置在人们期望的位置。 很明显,gov.uk 就发生了这种情况。 该网站只有0.20%的无法访问的功能,海量的深度内容布局良好,易于探索。 同样,白色背景搭配黑色和深蓝色文本可形成良好的色彩对比,同时提供大量的描述性链接。
最难访问的网站
与可访问的网站不同,这些网站都没有达到任何可访问性评级。 他们在 WCAG 比赛中都失败了,这让他们还有很多工作要做。
地点 | 站点总资产 | 辅助功能错误 | 辅助功能警告 | 网站无法访问的百分比 |
---|---|---|---|---|
亚洲操作系统协会 | 276 | 59 | 18 | 21.38% |
121 | 25 | 7 | 20.66% | |
电报 | 276 | 56 | 24 | 20.29% |
史密斯斯托伊斯 | 617 | 116 | 119 | 18.80% |
好市多 | 第1177章 | 218 | 63 | 18.52% |
知乎 | 127 | 23 | 15 | 18.11% |
天才 | 812 | 144 | 65 | 17.73% |
雅虎邮件 | 67 | 11 | 3 | 16.42% |
第254章 | 41 | 52 | 16.14% | |
谢因 | 1656 | 第267章 | 115 | 16.12% |
ASOS 拥有最难访问的网站
如果您正在寻找快时尚,ASOS 比大多数品牌都更适合您。 但是,如果您有任何残疾或损伤,您很可能无法购买任何东西。 令人震惊的是,其网站的 21.38% 无法访问,存在颜色对比度不佳、图像上的文字以及缺少 ARIA(可访问的富互联网应用程序)标签等错误,这对于任何残疾时尚迷来说都是一种艰难的体验。
缺少标签是网站问题的主要原因。 大多数用户看不到标签,但它们允许任何使用辅助技术的人访问弹出窗口和交互元素等内容。 例如,他们会展示销售横幅或竞赛报名表。
目前,ASOS 提供的服务还不够多,从而疏远了数百万潜在客户。
2022 年 5 月 3 日更新– 在我们的研究结果出来后,ASOS 对我们的报告做出了回应,并对他们的网站进行了改进。 在我们的团队重新评估 ASOS.com 主页后,我们确实看到了更好的可访问性分数。
以下是他们 2022 年的新分数:
地点 | 站点总资产 | 辅助功能错误 | 辅助功能警告 | 网站无法访问的百分比 |
---|---|---|---|---|
亚洲操作系统协会 | 216 | 9 | 18 | 4.17% |
Instagram 20.66% 的登录页面无法访问
无障碍得分:无
尽管 Instagram 是一个相当简单的网站,内容也很少,但它是互联网上第二个最难访问的网站——而且这是在你登录之前。他们的登录页面由于缺乏替代文本而陷入困境,而更改图像意味着他们几乎无法控制文本重叠时的显示方式。
13.6% 的 Instagram feed 无法读取
一旦你进入应用程序,Instagram 就会继续陷入困境。 由于内容主要是用户生成的,因此许多图像没有替代文本,而上传的故事则在图像上移动了文本——这都是可访问性的噩梦。
然而,Instagram 可以自行解决许多问题。 该网站的字体和浅灰色背景之间的低对比度使其大部分内容难以阅读,而缺少 ARIA 标签则使用户无法看到播放按钮和新故事上传。
Telegram 的登录页面未通过 20.29% 的可访问性测试
图片来源:LoboStudioHamburg (Pixabay)
无障碍得分:无
Telegram 将自己定位为免费对话的社交媒体平台,吸引了那些觉得自己被常规渠道忽视的人。 然而,如果它想吸引视力不佳的人,它还有很多工作要做。 其登录页面的颜色对比度低是其主要问题,这使得任何视力不佳的人都难以登录。
Telegram 的 11.11% 的提要无法访问
一旦您进入该应用程序,如果您有视力障碍,您将很难处理图像。 它们不包含替代文本,因此任何盲人用户都无法理解其含义。 缩放功能也被禁用,阻止任何人在需要近距离查看事物时将小字体放大。
不同行业中访问最多和访问最少的站点
我们研究了时尚、银行、电子商务、娱乐,当然还有网站建设者的网站,以发现谁的可访问性最好和最差。 一些知名人士有一些相当大的问题需要解决。
LinkedIn 是最容易访问的社交媒体平台
LinkedIn 不仅是找工作的好地方,如果您使用辅助技术,它也是一个好地方。 只有 0.34% 的网站登录屏幕无法访问,因为描述性链接、出色的色彩对比和简单的布局使页面易于移动。
登录后,可访问性(几乎)就一样好。 只有 2.94% 的提要未通过可访问性测试,因为清晰的设计和一致的导航使其成为易于导航的网站。 您甚至可以在上传的图像和文档中添加替代文本,这表明 LinkedIn 确实非常重视可访问性。
LinkedIn 以微弱优势击败 Pinterest,位居榜首。 该图片共享平台的登录页面中只有 0.95% 无法访问,主要提要的 3.19% 无法访问,考虑到网站上有多少用户生成的内容,这仍然是一个很好的分数。
排在第三位的是 Reddit,占 3.76%。 但是,虽然他们的登录页面得分很高,但他们的实际论坛却表现不佳。 其中 13.98% 是无法访问的,用户生成的内容、表情包、GIF 等使其成为辅助技术需要解决的雷区。
Instagram、Telegram 和 Facebook 都违反了无障碍规则
Instagram 是最难登录的社交媒体平台。 这款基于图像的应用程序在文本可读性和图片上可选的替代文本方面存在问题,导致全球 22 亿视障人士无法使用 20.66% 的登录页面。 饲料稍微好一些,但有 13.6% 的饲料无法获得,仍然有很多不足之处。
消息应用程序 Telegram 排名倒数第二,其登录屏幕的 20.29% 和 Feed 的 11.11% 无法访问,使得 Facebook 在无法阅读的领奖台上占据最后一席之地。 尽管它是全球最大的社交媒体平台,每月吸引 4.67 亿次访问,但其主屏幕的 16.14% 无法访问。 虽然实际提要要好得多(只有 2.37% 失败),但如果您无法登录,您将永远无法享受它。
该网站的字体——蓝色背景上的白色文本——只是问题的开始。 它不满足颜色对比度的最低要求,不强制上传图像上的替代文本,并且缺少多个 ARIA 标签,使某些用户难以导航。
存在最多可访问性问题的社交媒体平台
地点 | 站点总资产 | 辅助功能错误 | 辅助功能警告 | 登录页面无法访问的百分比 | 无法获取饲料的百分比 |
---|---|---|---|---|---|
121 | 25 | 7 | 20.66% | 13.60% | |
电报 | 276 | 56 | 24 | 20.29% | 11.11% |
第254章 | 41 | 52 | 16.14% | 2.37% | |
抖音 | 305 | 36 | 83 | 11.80% | 14.56% |
212 | 21 | 28 | 9.91% | 10.21% | |
推特 | 167 | 8 | 9 | 4.79% | 6.70% |
红迪网 | 4125 | 155 | 第638章 | 3.76% | 13.98% |
兴趣 | 第734章 | 7 | 13 | 0.95% | 3.19% |
领英 | 295 | 1 | 19 | 0.34% | 2.94% |
Amazon Prime Video 是最方便访问的娱乐网站
娱乐网站不仅需要字幕和音频描述来使其内容易于访问,还需要确保节目易于查找和播放。 Amazon Prime Video 在这方面做得比任何人都好,因为只有 0.72% 的登录页面和 0.59% 的主网站无法访问。 它使用清晰的 Tab 键顺序,允许用户浏览每个部分、深色背景上的浅色字体以及描述性链接。
它击败了 HBO Max(登录页面无法访问 1.4%,主网站无法访问 1.35%)以及游戏流媒体网站 Twitch(登录页面无法访问 1.4%,主网站 2.19%)的竞争。 Netflix 是 Prime Video 在娱乐领域的主要竞争对手之一,在某种程度上又回来了。 虽然其登录页面表现非常好,只有 0.27% 未通过测试,但其主站点有 1.79% 未通过测试。
SoundCloud 是世界上最难访问的娱乐网站
虽然 SoundCloud 可能可以让您免费听音乐,但对于任何残疾用户来说,它都是收费的。 该网站 31.42% 的登录页面无法访问,背景图像上有 66 个文本,导致阅读困难。 它还缺少 ARIA 标签、表单 ID 和描述性链接,这对任何人来说都不是音乐。 登录后情况并没有好转,因为 14.92% 的内容仍然无法访问。
Steam 在坏书中排名第二。 该网站允许用户在线玩游戏,但由于图像上没有替代文本、背景图像上没有文本以及大量文本格式问题,他们需要更加认真地对待可访问性 – 目前 12.90% 的主页和 9.53% 的内容是禁止。
Roblox 排名第三。 在线游戏非常适合孩子们,除非这些孩子有某些障碍。 6.29% 的网站登录页面无法访问,尤其是缺少标签或工具提示的表单。 如果没有表单标签,视障用户将不知道将哪些信息放在哪里,这意味着他们将无法享受其中的乐趣。 虽然主网站的得分大幅提高了 1.13%,但所有这些内容都浪费在了无法访问它的用户身上。
存在无障碍问题的娱乐网站
地点 | 站点总资产 | 辅助功能错误 | 辅助功能警告 | 无法登录的百分比 | 网站无法访问的百分比 |
---|---|---|---|---|---|
声云 | 第476章 | 71 | 99 | 14.92% | 31.42% |
蒸汽动力的 | 1070 | 102 | 第334章 | 9.53% | 12.90% |
罗布乐思 | 159 | 10 | 15 | 6.29% | 1.13% |
谷歌游戏 | 1430 | 87 | 177 | 6.08% | 5.46% |
葫芦 | 第682章 | 30 | 160 | 4.40% | 8.5% |
Spotify | 187 | 6 | 10 | 3.21% | 2.19% |
苹果 | 第668章 | 17 号 | 68 | 2.54% | 4.30% |
现在电视 | 1160 | 28 | 222 | 2.41% | 4.60% |
Netflix | 第279章 | 5 | 30 | 1.79% | 0.27% |
迪士尼+ | 234 | 4 | 14 | 1.71% | 8.38% |
YouTube | 3180 | 53 | 2071 | 1.67% | 1.28% |
Twitch.tv | 第786章 | 11 | 120 | 1.40% | 2.19% |
亚马逊 Prime | 2077 | 15 | 187 | 0.72% | 0.59% |
亚马逊的可访问性在电子商务领域处于领先地位
亚马逊的零售网站是市场上最容易访问的,因为只有 0.84% 的网站未通过我们的测试。 该网站受益于白色背景和深色文本,同时还提供大量描述性链接和菜单供用户单击。 用户旅程也非常高效,让人们可以将东西添加到购物篮并快速结帐,从而防止任何过于仓促的超时风险。
Dunelm 是第二个最容易访问的电子商务网站。 该家具零售商的网站只有 1.01% 无法访问,使用户旅程与他们销售的产品一样舒适。 尽管该网站确实使用文本而不是图像,但它以清晰的方式突出显示它,使其能够在不牺牲任何风格的情况下提供可访问的功能。
Xfinity 在我们的列表中排名第三。 该互联网提供商的网站只有 1.08% 无法访问,为所有内容提供清晰的白色背景。
Smyths Toys 是最难访问的电子商务网站
由于混合了浅蓝色背景上的白色字体、非描述性按钮和不同的字体大小,Smyths Toys 的网站 18.80% 无法访问也就不足为奇了。 标有“立即购买”的按钮没有任何脱离上下文的含义,因此任何浏览内容的人都不太可能停下来并单击它们。
Unsplash 是下一个最糟糕的。 其网站 15.56% 无法访问,大量没有替代文本的图像加剧了这个问题。 该平台是摄影师和设计师分享作品的好地方,但图像上的文本和令人困惑的 Tab 键顺序对于任何受损用户来说都是一种糟糕的体验。
哈尔福德获得了不想要的第三名。 虽然该网站对于汽车零件来说可能是一个绝佳的地方,但它在颜色对比方面却很糟糕,因此得分为 9.56%,令人难以接近。
可访问性最好和最差的电子商务网站
地点 | 站点总资产 | 辅助功能错误 | 辅助功能警告 | 网站无法访问的百分比 |
---|---|---|---|---|
smythstoys.com | 617 | 116 | 119 | 18.80% |
halfords.com | 1057 | 101 | 159 | 9.56% |
argos.com | 第674章 | 51 | 154 | 7.57% |
快门股票网 | 第963章 | 70 | 44 | 7.27% |
autotrader.com | 第848章 | 55 | 100 | 6.49% |
homedepot.com | 1939年 | 122 | 220 | 6.29% |
约翰刘易斯网站 | 第676章 | 42 | 64 | 6.21% |
wayfair.com | 第490章 | 28 | 25 | 5.71% |
宜家网 | 第545章 | 29 | 47 | 5.32% |
DIY网 | 第497章 | 22 | 52 | 4.43% |
therange.com | 917 | 29 | 190 | 3.16% |
英国下一个网站 | 750 | 23 | 151 | 3.07% |
靴子网 | 1286 | 39 | 第394章 | 3.03% |
螺丝修复网站 | 1861年 | 46 | 987 | 2.47% |
att.com | 第648章 | 14 | 110 | 2.16% |
洛斯.com | 第738章 | 14 | 110 | 1.90% |
易趣网 | 第983章 | 17 号 | 101 | 1.73% |
etsy.com | 1198 | 14 | 190 | 1.17% |
xfinity.com | 第558章 | 6 | 81 | 1.08% |
杜内尔姆网站 | 第496章 | 5 | 32 | 1.01% |
亚马逊网站 | 2514 | 21 | 141 | 0.84% |
周四非常适合无障碍约会
如果您正在寻找残障人士的爱情,星期四可能是适合您的约会应用程序。 然而,没有哪个交友网站得分特别高。 星期四的 6.50% 无法访问,可以通过从图像中删除文本并增加颜色对比度来提高分数。
Tinder 以 6.77% 的得分位居第二。 浅灰色背景上的深灰色字体永远不会导致一个非常易于访问的网站,但除此之外,它还可以。 从我们这里试探性地向右滑动。
Grindr 排名第三,其网站 8.27% 无法访问。 这是一个亮黄色的网站,带有粗体、黑色文本,使其具有高度可读性且易于使用。
14.34% 的 Bumble 无法访问
虽然 Bumble 可能彻底改变了互联网约会场景,创建了一款只有女性才能首先发言的应用程序,但在拥有一个真正可访问的平台之前,它还有很长的路要走。 目前,其网站 14.35% 的内容对于任何有障碍的人都无法使用。 它缺乏描述性链接和按钮,最糟糕的是,它在黄色背景上使用白色字体。
即使有完美的视力也很难阅读。
eHarmony 的情况稍好一些,其 13.93% 的网站无法访问。 最初的约会网站之一在可访问的内容方面仍然有点落后于时代,移动图像上的文本阅读起来简直是一场噩梦。 最重要的是,微小的浅灰色字体并没有让事情变得更容易。
找到合适对象的交友网站
地点 | 站点总资产 | 辅助功能错误 | 辅助功能警告 | 网站无法访问的百分比 |
---|---|---|---|---|
周四 | 第431章 | 28 | 72 | 6.50% |
火种 | 第251章 | 17 号 | 17 号 | 6.77% |
研磨机 | 133 | 11 | 13 | 8.27% |
匹配 | 713 | 69 | 98 | 9.68% |
电子和谐 | 第689章 | 96 | 107 | 13.93% |
邦布尔 | 第251章 | 36 | 31 | 14.34% |
GoDaddy 因其网站可访问性而成为最佳网站建设者
现在进入我们的专业主题:网站建设者。 GoDaddy 无疑是最大的网站之一,就其网站的可访问性而言,它也是最好的。 其网站只有 2.11% 无法访问,比 Wix(3.61%)和 Weebly(8.49%)更容易使用。
所有这些网站都提供良好的可用性和清晰的导航,使客户无论能力水平如何都可以轻松导航他们的服务。
WordPress 和 Squarespace 是最难访问的网站建设者
尽管 WordPress (10.22%) 和 Squarespace (9.33%) 是市场上的两个主要参与者,但它们在可访问性方面都遇到了困难。 两者都存在区域聚焦问题,这使得视力不佳的用户可以放大部分并近距离阅读内容。 它还可以帮助无法使用鼠标的人在内容上停留足够长的时间以吸收内容。
在这两个网站上,焦点都是一个问题,而低色彩对比度和缺少 ARIA 标签则增加了它们的总分。
需要建立可访问性分数的网站建设者
地点 | 站点总资产 | 辅助功能错误 | 辅助功能警告 | 网站无法访问的百分比 |
---|---|---|---|---|
WordPress | 第1379章 | 141 | 第202章 | 10.22% |
方空间 | 第686章 | 64 | 66 | 9.33% |
威布利 | 第377章 | 32 | 31 | 8.49% |
维克斯 | 1054 | 38 | 88 | 3.61% |
去吧爸爸 | 第522章 | 11 | 41 | 2.11% |
H&M、Nike 和 Nordstrom 看起来都很方便
H&M、Nike 和 Nordstrom 等时尚网站均采用易于访问的设计,让用户可以轻松访问其产品。 H&M 是我们整个报告中得分最高的网站之一 - 只有 0.38% 的网站无法访问,这主要归因于几个缺失的 ARIA 标签。
Nike 也不错——只有 1.68% 的网站未通过我们的测试。 他们在浅色背景上使用黑色字体,并在图像上放置替代文本。 如果他们整理出“商店”按钮,他们的得分会更高。 在按钮中为产品命名可以提高可读性,并且还可能增加点击它的人数。
Nordstrom 网站只有 2.13% 无法访问,这同样得益于良好的色彩对比和简单的布局。
ASOS 并不是唯一一个违反时尚无障碍标准的公司
虽然 ASOS 是我们整个调查中最难访问的网站,但它并不是唯一一个违反规定的时尚网站。 其网站有 21.38% 无法访问,仅比 Shein 的 16.12% 稍差一些。 这家欧洲时尚网站的主页非常繁忙,用户很难找到他们要去的地方,也很难让任何人阅读。
弹出窗口的数量也具有挑战性。 最好的屏幕阅读器可以处理它们,但有些会卡住它们并阻止客户浏览任何产品。
时尚网站的可访问性不太好
地点 | 站点总资产 | 辅助功能错误 | 辅助功能警告 | 网站无法访问的百分比 |
---|---|---|---|---|
亚洲操作系统协会 | 276 | 59 | 18 | 21.38% |
谢因 | 1656 | 第267章 | 115 | 16.12% |
扎拉 | 第760章 | 55 | 137 | 7.24% |
差距 | 1405 | 67 | 109 | 4.77% |
科尔斯 | 第1332章 | 54 | 218 | 4.05% |
梅西百货 | 第440章 | 11 | 55 | 2.50% |
诺德斯特龙 | 750 | 16 | 80 | 2.13% |
耐克 | 第831章 | 14 | 62 | 1.68% |
H&M | 第794章 | 3 | 160 | 0.38% |
Gmail 是最方便访问的电子邮件提供商
电子邮件收件箱应该相当简单。 空白的背景、明显的标题和清晰的链接使打开和回复电子邮件变得更加容易,特别是如果 Gmail 是您的主要提供商的话。 Google 的邮件平台只有 3.17% 的无法访问功能,其中大部分错误来自于糟糕的 ARIA 标签,如果您使用辅助技术,某些元素会变得不清楚。
Gmail 在颜色对比度和可读性方面得分很高。 白底黑字非常容易阅读,整洁的收件箱使邮件易于浏览。
它仅击败了 live.com,该网站有 3.84% 的无法访问功能。 这与 Live 的前身 MSN Messenger 相比是一个巨大的进步,其中的表情符号、气泡文本和振动聊天让除了最忠诚的 2000 年代青少年之外的所有人都难以理解。
雅虎仍需努力使其网站易于访问
Gmail 在电子邮件行业最大的竞争对手之一在可访问性方面表现不佳。 16.42% 的电子邮件收件箱对于受损用户来说无法访问,这意味着许多电子邮件将无法打开。 深灰色背景上的黑色文本难以阅读,图像上的文本可能会令人困惑,并且在您尝试访问收件箱时弹出的大量广告可能会给一些屏幕阅读器带来真正的问题。
电子邮件提供商难以阅读
地点 | 个人资产 | 错误 | 警告 | 网站无法访问的百分比 |
---|---|---|---|---|
雅虎 | 67 | 11 | 3 | 16.42% |
直播网 | 365 | 14 | 72 | 3.84% |
邮箱 | 3178 | 101 | 第379章 | 3.17% |
最常见的可访问性问题
某些可访问性问题比其他问题更常见。 虽然如果每个网站上的每个视频都有手语那就太理想了,但我们知道并不是每个人都有预算。 然而,所有这些常见问题都很容易解决,并且可以帮助您的企业留住更多客户并赚更多钱。
色彩对比
将文本放在彩色背景上时,它需要具有足够高的对比度才能脱颖而出。 许多网站都陷入了选择风格而非功能的陷阱,将彩色字体放在彩色背景上,这有可能变得不可见。
图像上没有替代文字
替代文本是有视觉问题的人在查看图像时所依赖的文本。 这是他们的屏幕阅读器会读出的内容来描述图像所显示的内容,因此它可以是从“坐在盒子上的猫”到“12 号绿色纽扣连衣裙”的任何内容。 如果您不使用替代文本,数百万人将不会注意到您的任何图片。
缺少链接锚文本
锚文本是链接所在的文本。例如,如果我们想链接到我们的网站构建器评论,那么“网站构建器评论”一词将是锚文本。 如果您不使用锚文本,而只是将完整的 URL 放入内容中,屏幕阅读器可能会更难以阅读,而且看起来不太吸引人们点击。
缺乏描述性的锚文本
锚文本应该说明点击它会实现什么,或者链接将带您去往何处。 这不仅可以建立信任,还可以改善用户体验。 如果链接告诉您点击它会做什么,您就更有可能点击它。
不具描述性的链接会显示“了解更多”或“单击此处”等内容。 如果您只是浏览页面并断章取义地看到这些链接,您将无法理解它们的用途,并且您可能不会与它们互动。
导航链接太多
显示一些不同选项的下拉菜单是我们浏览大多数网站的方式。 但是,如果菜单为您提供了太多选择,则可能无法弄清楚您应该去哪里以及应该单击什么。
可以将其想象为餐厅的菜单:清晰、简单的菜单将使您轻松点餐。 一份包含数百种餐点的菜单会让你不知所措,让你怀疑食物到底有多好吃。
空表单标签
填写表格时,了解每个框中应该填写什么内容会有所帮助。 当您向企业提供地址时,我们通常会在结帐页面上看到此信息。 如果这些表格留空,任何有视力障碍的人都可能不知道该将哪些信息放在哪里。
超时无法停止
如果您没有按时完成订单,很多网站都会让您超时。 您可能会看到一个屏幕,上面写着“抱歉,您的会话已超时”,您需要重新开始。
这对每个人来说都很烦人,尤其是当你在网上做事情自然需要更长的时间时。 不能使用鼠标、不能阅读或看不见的人将需要更长的时间来执行相同的操作,从而导致超时无法逾越,网站也无法使用。
想要确保您的网站吸引更多人吗?
我们比较了最好的网站建设工具,以帮助您创建一个可交付成果的网站。 无论您想要精美的创意作品集还是多层次、高度安全的产品购买平台,我们都可以帮助您找到能够完成您所需工作的网站构建器。
请记住查看我们的无障碍提示,以确保您不会疏远十亿人。
方法
该研究使用 Chrome 扩展“Arc Toolkit”来检查 150 多个网站的可访问性。 该工具会查看各个资产、错误和警告,这些都用于对网站的可访问性进行排名。 为了保持研究的公平性,我们根据主页的错误百分比进行排名,以找到访问最多和最难访问的网站。 对于需要您首先登录的社交媒体和娱乐网站,我们检查了登录页面的可访问性,然后单独分析了主页(提要),以使研究与直接带您进入主页的其他部门保持一致。
免责声明:在查看社交媒体源时,并非个人发布的所有内容都可以由社交媒体网站控制,因此深度分析的错误可能会更高。 但是,这些网站可以努力鼓励用户在图像中添加替代文本等内容,从而使所有人更容易访问该网站。 我们的报告查看了主页和提要,因为用户需要登录才能执行其他操作。
根据Similarweb 的数据收集的最受欢迎的网站。 在这里找到我们的数据源。
这篇文章最初发布于 2021 年 11 月,更新于 2022 年 5 月 3 日。