专栏首页云前端[译] 世界比以往任何时候都更需要 Web 可访问性

[译] 世界比以往任何时候都更需要 Web 可访问性

  • 原文地址:https://levelup.gitconnected.com/the-world-needs-web-accessibility-now-more-than-ever-df8dc4aab2b6
  • 原文作者:KBronJohn
  • 译文出自:"掘金翻译计划"(https://github.com/xitu/gold-miner)
  • 本文永久链接:https://github.com/xitu/gold-miner/blob/master/article/2020/the-world-needs-web-accessibility-now-more-than-ever.md

我注意到 ?Mike Gifford 在去年的一次谈话中说到:“实际上从 2011 年起 web 就变得缺少可访问性了。”

如今任何人创建一个网站都是廉价和容易的,而谁都难以考虑到可访问性(accessibility)。那为什么你要考虑这个呢?如果其本就不在你的视野中,那它也不会出现在你的网站需求列表里。糟糕的是,大多数人在创建一个网站时,的确不会考虑其终端用户是不是残障人士。特别是当他们使用一个“拖放”式的网站创建平台时,就更顾及不到。并非反对那些平台,只不过它们常常不会内置可访问性功能,即便你有意愿,要做到这点也十分困难。

对网站可访问性不利的另一个方面是,当你说出“可访问性”这个词时,并非每个人都对其意味着什么有个清楚的概念。最近我曾询问过一位网站设计师是否做了可访问性站点的工作,然后他说,“是的......我们为所有图片增添了 alt-tags 快捷键。” 嗯......OK。很棒。但一个屏幕阅读器能读出你的网站吗?

所以让我们消除一些谬误并向实现 web 可访问性意味着什么的世界稍微深入一些吧。

首先,注意到美国实际上拥有非常清楚的涉及可访问性的立法是重要的。在这部被称为 美国残疾人法(Americans with Disabilities Act)的法案中,也包括了网站的内容。总部位于美国的公司应该意识到,没有一个最低限度的可访问业务网站会让你面临法律诉讼和罚款。我是一名在加拿大注册的公司内工作的加拿大人,所以实际上我并不用真的担心因为缺乏一个可访问的网站而被起诉,但我还真额外的有一个!我将解释即便你不是一家总部在美国的公司,拥有一个可访问的网站为什么也是有益的。

当人们担忧创建一个可访问网站的麻烦或其潜在成本时,一个小的提醒是 ?可访问性会造福每个人。如果我们追根溯源,就会知道 22% 的加拿大人都有某类缺陷(美国则是 18%),用不着做数学计算,就能知道那是很多的人。很多想线上购物、购买你的商品、了解你的服务,或学习你的在线课程的人。早在疫情的数年之前,残障人士就已经被连接到线上,打破隔离,并远程工作了。这对于我们来说并不新鲜。所以如今的疫情封锁让每个人都对呆在家里(大量的线上购物、线上教育研讨会、艺术和娱乐活动)有了一些了解,也许我们都能认识到,能够轻松访问网络是多么重要。

正如我所说,可访问性让每个人的生活更便利,并且如果你已经尝试为此做一个商业案例,你并不只是为人口的 18-22% 创建一个网站;而应该着眼全部人口。你想限制你能吸引的潜在消费者的数量吗? 这就像是有个商店,而老板在说:“我真的不想让人们进来并在这儿购物。他们应该去我的竞争对手那”。权力在于你,业务也是你的,企业当然有许多的从一开始就过滤其客户的原因。但是,我正在特别说的是你已无意中为那些本来是你的目标客户的人设置了障碍,把他们拒之门外了

了解了上述的这些后,让我们来看看 web 可访问性到底需要什么。所有这些都可以归结为用户体验问题,毕竟你想让每一位用户在你的品牌下享受最好和最积极的体验。

要做到可访问,网站访问者应该,以最少限度来说,能够做这些关键的事情:

  • 用他们更喜欢的语言浏览你的网站
  • 更改字体样式或字号
  • 更改背景对比度
  • 使用一个屏幕阅读器导航站点
  • 不用鼠标就能导航站点
  • 开启/关闭任何音乐、视频,或图片轮播
  • 在点击一条链接之前就了解其包含了什么
  • 站点中包含的任何视频都有字幕
  • 在图片或图标上听到准确并相关的图像描述
  • 在任何图表或关键的图片上有适合色盲症的配色

这只是个开始,但应该成为一个好的起点。在这之后,仍要首先考虑终端用户,并认识到他们有各自不同的需求。同时,由真实的人群测试你的站点(向其付费)。是的,有些模拟器,也有些可以输入你的网站 URL 然后就能给你一个评分的站点,但拥有来自真实用户的真实反馈将带给你无价的宝贵见解。从来自不同年龄层、有着不同缺陷、背景各异的目标人群中收集意见并认真研究。我保证你将创造杰出的体验,并为你的品牌赢得一个好名声。

更不必说,如果你的站点拥有清晰且易用的导航,搜索引擎会将其排名得更高。对用户友好的事情之于搜索引擎程序也是友好的。这是个双赢之事!

将 web 可访问性视为吸引新客户、建立新关系、使客户满意,和增加盈利之门。同时,这也是正确的应做之事。

本文分享自微信公众号 - 云前端(fewelife),作者:云前端

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-09-08

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Web 重在当下

    在过去的20年里,web 从简陋的文档分享网络进化为一个大平台,具有了当初创建它时我们无法想象的能力。自诞生之日起,web 一直在努力适应用户需求,web 的成...

    疯狂的技术宅
  • 产品解析:Github Atom

    昨天github通知我可以开始试用atom了。惊喜之余,立刻开始体验。 Atom是什么 Atom是github内部的编辑软件,据说已经使用了6年之久。按照ato...

    tyrchen
  • 安全世界观 | 常见WEB安全问题及防御策略汇总

    继上一篇: 我用一个小小的开放设计题,干掉了40%的面试候选人 聊到了Web安全之后,好多朋友也在关注这个话题,今天特意再写一篇。

    架构精进之路
  • Linux和Windows搭配提供高可用性、可扩展性系统

    我们的业务系统,不管是企业内部系统还是互联网应用系统,都需要可扩展,高可用性的系统。可扩展性和高可用性不是孤立的,只有结合起来,才能达到理想的效果。 可扩展性是...

    张善友
  • 吴恩达的爸爸宣言:女儿Nova出生,将成为第一代AI原住民

    在吴大大medium账号上,有一封以Carol和吴恩达署名的文章向我们传达了这个消息:

    大数据文摘
  • 2017编程趋势预测:10大技术大热,10大技术遇冷

    在编程世界,流行的是科学,严谨和精确的准则。这不是说编程是一种缺乏趋势的行业。不同的是,由于编程重视的是高效,用户化和使用方便,因此编程技术需要不断更新换代。那...

    LiveEdu
  • 从三明治到六边形|洞见

    软件项目的套路 如果你平时的工作是做各种项目(而不是产品),而且你工作的时间足够长,那么自然见识过很多不同类型的项目。在切换过多次上下文之后,作为程序员的你,自...

    ThoughtWorks
  • 保护您的企业免受黑客攻击的5个技巧

    对攻击和信息泄漏的报导成为世界各地的头条新闻,许多公司从中“学到”了他们的第一堂课:一次广为人知的信息泄漏将对他们的品牌声誉造成严重损害。在所受到的教训中,最大...

    CodeingBoy
  • 相较其他语言,Python到底好在哪儿?

    就个人发展而言,选择学习的技术与要就读的大学可谓同等重要。如果决定做错了,那往往会收到一堆麻烦,而不是想要的高薪工作。我想,现在你点开这篇文章,就代表你已考虑选...

    顶级程序员
  • WebAssembly及其 API 的完整介绍

    优质视频教程福利一:http://www.longstudy.club/tui...

    前端小智@大迁世界
  • 透视区块链的三个层次

    一个灵魂之问:区块链是什么?区块链是个什么样的事物?它是从哪里来,又要到哪里去?它的出现要解决什么问题?

    rectinajh
  • 一周极客热文:依赖 IDE 做开发,会让你成为一名糟糕的程序员么?

    上图为:Mac系统文本编辑器Chocolat 事实上,一款优秀的IDE会让你的工作更有效率:优质的框架加快了项目进度,自动编译和IDE重构工具让编码进行得更快,...

    钱曙光
  • 如何构建开放“元宇宙”,你想知道的一切 | SIGGRAPH 2021 研讨会

    编者按:SIGGRAPH 2021在太平洋时间8月9日于线上召开。在此期间,Unreal Engine举办了一场题为“Building the Open Met...

    AI科技评论
  • 2017年,Mozilla为Web做了哪些事情?

    2017 对于 Mozilla 来说是非常重要的一年。我们发布了历史上最快的 Firefox,重新构建了 DevTools 开发者工具,见证了四个主流浏览器对 ...

    企鹅号小编
  • 为什么越简单的技术对于开发人员越难

    从Amazon Web服务到 AngularJS之类的web框架,便利性 驱动 着世界上最好的技术。但是,更加快速地、变得有效率的“便利性”,经常伴随着一个隐藏...

    疯狂的技术宅
  • protobuf 为经络,gRPC为骨架

    以来,数据结构的重要性在任何软件项目中都是毋庸置疑的。但数据结构往往又是最难相处的:

    tyrchen
  • 程序员的技术世界观

    随着工作年限的增加,技术的不断积累,我们对于技术的认知和看法就会形成一套自己的世界观,就像是一个安全的技术沙盒,你身在其中,里面有你得心应手的技术,有你多年沉淀...

    一墨编程学习
  • 为什么说万维物联网(WoT)是增强版物联网(IoT)

    大多数物联网系统很少关注开放和大规模系统下各种不同设备相互通信的问题。部分原因是因为物联网主要关注网络栈的较低层(如何在实体之间传输数据)而较少地关注如何促进新...

    博文视点Broadview
  • .NET面试题系列[2] - .NET框架基础知识(2)

    面试出现频率:虽然很重要但不怎么出现,可能会考你定义,以及程序集包括什么,然后自然的话题就跑到反射上去了。

    s055523

扫码关注云+社区

领取腾讯云代金券