什么是网站可访问性?

如今,Web 可访问性受到了很多关注,但它可能令人生畏。以下是对 Web 可访问性的简单介绍:它是什么,为什么它很重要,以及可访问性带来的好处。
在最基本的层面上,网络可访问性意味着构建可供尽可能多的人使用的网站。
仅在美国,就有 5700 万人报告有残疾,这是五分之一的人口——相当于纽约和加利福尼亚州的总人口,其中约有 3000 万人报告有严重残疾。

Web 开发人员如何确保他们的网站可供尽可能多的用户访问?

是什么让网站无法访问?
用户可能会通过多种方式遭遇无法访问的网站。
有些人可能无法使用鼠标。他们可能需要仅使用键盘或其他设备就能够滚动、点击、导航并与网站的所有部分进行交互。
其他人可能有某种形式的色盲,因此可能难以从其他文本内容中辨别链接和按钮。
阅读障碍会导致一些人难以理解网站的内容。
对于有严重视觉障碍的人,屏幕阅读器必须能够理解页面上的所有内容和交互性。这是一个向用户读取网页内容并让他们与页面交互的程序。
甚至有机器可以从网页提供盲文输出。

可访问性是 Web 标准

“我几乎没有触及人们在网络上可能面临的可访问性挑战的表面。普通的网络团队不可能跟上所有这些可能阻止人们使用和享受网站的不同情况。”
这就是万维网联盟早在 1999 年就首先起草了开发可访问网站的标准的原因。
这套标准使开发团队可以更轻松地确保所有人都可以访问他们的工作 ,你可能听说过这些标准被称为 WCAG(有时发音为 wee-kag),它代表 Web 内容可访问性指南。
这些指南详细介绍了在不同情况下可能导致可用性问题的常见模式和领域。 不过,在更高的层次上,它们概述了 Web 可访问性的四大准则:

可感知:所有人都能感知页面上的内容吗?

可操作性:所有人都可以与页面交互吗?

可理解:所有人都能理解页面上的内容吗?

健壮:内容能否被各种程序和设备(包括屏幕阅读器)解读?

虽然这些指南已经存在很长时间了,但 Web 项目各个级别的利益相关者通常都没有意识到它们的存在。 或者他们认为这不是他们组织的问题。
让我们看看网络可访问性的一些好处,看看为什么这些指南很重要。

Web 可访问性有哪些好处?

包容性

可访问性的第一个好处是包容性。 当您从使网站对尽可能多的人使用友好的角度来处理可访问性时 - 这就是包容性的定义,不是吗?
遵循 Web 可访问性指南的好处在于,通过遵循这些指南,你可以为所有用户提供更好的 Web 体验。
例如,考虑阅读水平指南。 虽然这些指南旨在确保有阅读障碍的人可以理解网站,但在实施后,它们最终也会帮助识字率低或我们语言不流利的人更容易理解我们的网站。

SEO的好处

优先考虑可访问性的第二个好处是改进了搜索引擎优化 (SEO), 确保屏幕阅读器可以理解内容的相同做法也有利于为 Google 和其他搜索引擎索引网站的机器人。
许多可访问性指南侧重于为视频或音频中可用的内容提供基于文本的替代方案,这允许屏幕阅读器和搜索引擎都可以看到此内容,该指南还鼓励使用适当的页面组织来帮助用户最好地了解页面的布局和内容。 这也有助于搜索引擎更好地理解页面内容。让人们更容易理解您的网络内容将使 Google 的机器人也更容易理解。

可用性优势

优先考虑可访问性也有可用性优势。 我们所有人都曾遇到过无法使用的网站。 有时文本与其背景没有足够的对比度,或者按钮太小而无法在我们的智能手机上轻松使用。 专注于网络可访问性有助于消除此类基本问题。 通过遵循这些准则,我们可以确保我们的网站在移动设备上和在大屏幕上一样适用于所有人。此外,通过关注可访问性的“稳健”原则并确保内容可以被各种程序和设备解释,我们将帮助可能使用旧技术或带宽低的人访问网站。优先考虑可访问性的组织不仅会与他们的用户建立良好的关系,而且还将确保他们可以为接近 100% 的市场提供服务。 随着年龄的增长,他们将保护自己免于失去为客户提供服务的能力。

网站可访问性的法律要求是什么?

除了遵循可访问性指南可以带来的好处之外,还可以考虑法律要求。 由于根据美国残疾人法案 (ADA) 第三章提起的一系列诉讼,可访问性问题已成为首要问题。 这需要设计和建造公共空间和商业设施,以便残障人士可以平等地使用这些设施。
虽然该法律最初是针对物理空间制定的,但包括购物和教育在内的基于网络的活动的盛行也使无法访问的网络体验受到审查。
值得注意的是,一名联邦法官于 2017 年 6 月裁定,Winn-Dixie 的网络资产与其物理位置的整合程度如此之高,以至于它们受 ADA 标题 III 的约束。 法官裁定盲人提起诉讼,要求 Winn-Dixie 更新他们的网站以符合 Web 内容可访问性标准,并进行年度审计以确保他们继续符合这些标准。 (法院完整的 13 页订单可在此处获得)。
此外,与网络可访问性相关的诉讼数量猛增。 Seyfarth Shaw 律师事务所报告称,2015 年大约有 57 起与联邦网络可访问性相关的诉讼,2016 年有 262 起,仅 2017 年 1 月至 8 月之间就有 432 起。 除此之外,美国教育部最近启动了 350 项网络可访问性调查。

结论

好消息是,开发人员、产品经理、设计师和内容编辑人员在开发和维护可访问的网站时应遵循明确的指导方针。
通过良好的计划、执行和问责制,可访问的网站是每个组织都可以实现的目标。 通过积极主动,采用可访问性优先方法的组织将能够与客户产生良好的关系,遵守相关的法律要求,并服务于更大的市场。

翻译自https://www.freecodecamp.org/news/what-is-website-accessibility-18ce00ec990f/

什么是网站可访问性?相关推荐

  1. 可访问性不一致 可访问性低_什么是网站可访问性?

    可访问性不一致 可访问性低 Web accessibility is getting a lot of attention these days, but it can be intimidating ...

  2. 网站可访问性:ARIA入门

    您将要创造的 仅使用标准HTML,现代Web应用程序就可以将具有可访问性需求的用户拒之门外. HTML是在线的主要标记语言, 近83%的现有网站使用 HTML. 自创建以来的25年中发生了一些变化,但 ...

  3. 使用浏览器开发工具测试网站可访问性的七种方法

    前言 有很多方法可以测试你的网站是否具有可访问性.服务.软件包,甚至是人工测试公司.他们都有自己的位置,通常最好是对真实的人进行测试.然而,对于一个快速的初步测试,你无需安装任何东西或支付服务费用.浏 ...

  4. 如何忽略证书继续访问_前5个最容易被忽视的可访问性问题

    如何忽略证书继续访问 Accessibility is quickly becoming one of the most important aspects of the way we use the ...

  5. 考虑到可访问性,使用 CSS 设置按钮样式

    按钮在网站上有很多用途--有用于悬停在图像上和在网页上导航的大按钮,以及用于显示有关您的产品或服务的信息的更微妙的按钮. 然而,按钮甚至可以吓倒经验丰富的网页设计师. 按钮有许多可能需要很长时间才能掌 ...

  6. 提高网页可访问性的十条建议

    提高网页可访问性的十条建议 2 这篇文章提供了十条有关于提高网页可访问性的指导原则,这些原则将保证提高你网站的可访问性. 引用万维网(W3C)的创始人@Tim Berners-Lee一句话来说网络的力 ...

  7. 【Web】Web内容可访问性指南 1.0

    为什么80%的码农都做不了架构师?>>>    译文:Web内容可访问性指南 1.0 http://www.junchenwu.com/WAI/wai-pageauth.html原文 ...

  8. 如何使您的网站可访问:WCAG 2.1 W3C建议

    Web可访问性是开发网站或Web应用程序时要考虑的极其重要的方面,但是许多公司要么忽略了可访问性准则,要么不了解如何正确实施它们. 有人认为使网站可访问性是道德义务. 所有人,无论有能力还是有残疾,都 ...

  9. 使用 CSS prefers-* 规范,提升网站的可访问性与健壮性

    文本将介绍 css 媒体查询中新增的几个特性功能: prefers-reduced-motion prefers-color-scheme prefers-contrast prefers-reduc ...

最新文章

  1. 2019-02-25-算法-进化
  2. win c语言创建线程,初学者 CWinThread 线程类
  3. php thinkphp重定向,ThinkPHP框架让页面重定向方法总结
  4. 【转】心等久了就会死心
  5. 如何评价一个专业PKM软件?
  6. dos2unix命令
  7. https://www.cnblogs.com/h2zZhou/p/5440271.html
  8. 微信V3版本支付下单、查询支付订单状态、订单退款接入正式项目中并引入策略模式实操
  9. python高级学习笔记Day04--01 上下文管理器,生成器,深拷贝,浅拷贝,正则表达式
  10. 达梦数据库在linux下的安装步骤
  11. Elasticsearch+Spring Boot集成实践
  12. uniapp 开发H5打包微信小程序样式失效的解决之道
  13. 思考:智能化运维的发展
  14. 合肥市noi计算机竞赛,合肥第一,获“强基计划”资格!孙乐然斩获第37届全国信息学奥林匹克竞赛银牌...
  15. 破锅网:“图”说天下
  16. 搜狗输入法如何登出退出登录和截图识别
  17. 教你如何正确选择过程控制调节阀?
  18. 发电厂生产用电能源管理系统
  19. 并行计算分布式计算网格高性能计算机
  20. 关于项目经理的一些可能面试题

热门文章

  1. 苹果手机怎么在照片上添加文字_给微信拍照的照片添加文字,调整后期效果,手机两步搞定!...
  2. SRRC认证全面解析
  3. oracle 物化视图没效果,Oracle物化视图失效的几种情况及测试
  4. Pycharm提示方法Method xxx may be 'static'
  5. 网站、网页的自身优化--(如何让网站被搜索引擎搜索到)
  6. 个人作业2——必应词典案件分析
  7. 使命召唤手游服务器维护,使命召唤手游体验服4月5日维护公告
  8. 让电脑速度快上100%方法
  9. 05_Python_变量的基本使用
  10. 路径规划 | 图解LPA*算法(附ROS C++/Python/Matlab仿真)