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

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

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


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

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

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

那么,接下来让我们消除一些谬误,并深入理解一下实现 web 可访问性意味着什么吧。

首先很重要的一点是,美国实际上拥有非常明确的针对可访问性的立法。在这部被称为美国残疾人法(Americans with Disabilities Act)的法案中,也涉及到了网站。美国公司应该意识到,业务网站若是连最低限度的可访问性都没达到,公司是会面临法律诉讼和罚款的。我是一名在加拿大注册的公司内工作的加拿大人,所以实际上我并不用真的担心因为缺乏一个可访问的网站而被起诉,但我还真额外的有一个可访问性网站!下面,我将解释拥有一个可访问的网站的益处,而这无关乎你是否在一家美国公司工作。

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

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

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

最低要求来衡量,要做到可访问,网站访问者应该能够做到下面这些关键的事情:

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

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

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

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



相关文章
|
设计模式 信息无障碍 SEO
Web 内容的可访问性不能只靠研发
如果你是 Web 内容的创建者,即使你从未写过一行代码或登录 CMS,你也可以在可访问性方面发挥作用。
130 0
Web 内容的可访问性不能只靠研发
|
前端开发 JavaScript
web标准—可用性、可维护性、可访问性
<p style="margin:10px auto; padding-top:0px; padding-bottom:0px; color:rgb(51,51,51); font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px; line-height:24px"> 一直听说过web标准的可用性、可访问性、可维护性,但
2170 0
|
2月前
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
149 3
|
1月前
|
设计模式 前端开发 数据库
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第27天】本文介绍了Django框架在Python Web开发中的应用,涵盖了Django与Flask等框架的比较、项目结构、模型、视图、模板和URL配置等内容,并展示了实际代码示例,帮助读者快速掌握Django全栈开发的核心技术。
162 45
|
12天前
|
前端开发 安全 JavaScript
2025年,Web3开发学习路线全指南
本文提供了一条针对Dapp应用开发的学习路线,涵盖了Web3领域的重要技术栈,如区块链基础、以太坊技术、Solidity编程、智能合约开发及安全、web3.js和ethers.js库的使用、Truffle框架等。文章首先分析了国内区块链企业的技术需求,随后详细介绍了每个技术点的学习资源和方法,旨在帮助初学者系统地掌握Dapp开发所需的知识和技能。
2025年,Web3开发学习路线全指南
|
19天前
|
存储 前端开发 JavaScript
如何在项目中高效地进行 Web 组件化开发
高效地进行 Web 组件化开发需要从多个方面入手,通过明确目标、合理规划、规范开发、加强测试等一系列措施,实现组件的高效管理和利用,从而提高项目的整体开发效率和质量,为用户提供更好的体验。
27 7
|
23天前
|
开发框架 搜索推荐 数据可视化
Django框架适合开发哪种类型的Web应用程序?
Django 框架凭借其强大的功能、稳定性和可扩展性,几乎可以适应各种类型的 Web 应用程序开发需求。无论是简单的网站还是复杂的企业级系统,Django 都能提供可靠的支持,帮助开发者快速构建高质量的应用。同时,其活跃的社区和丰富的资源也为开发者在项目实施过程中提供了有力的保障。
|
22天前
|
开发框架 JavaScript 前端开发
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势。通过明确的类型定义,TypeScript 能够在编码阶段发现潜在错误,提高代码质量;支持组件的清晰定义与复用,增强代码的可维护性;与 React、Vue 等框架结合,提供更佳的开发体验;适用于大型项目,优化代码结构和性能。随着 Web 技术的发展,TypeScript 的应用前景广阔,将继续引领 Web 开发的新趋势。
35 2
|
1月前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
49 1
|
1月前
|
XML 安全 PHP
PHP与SOAP Web服务开发:基础与进阶教程
本文介绍了PHP与SOAP Web服务的基础和进阶知识,涵盖SOAP的基本概念、PHP中的SoapServer和SoapClient类的使用方法,以及服务端和客户端的开发示例。此外,还探讨了安全性、性能优化等高级主题,帮助开发者掌握更高效的Web服务开发技巧。