成为无障碍领域的摇滚明星！🤘
a11y、ARIA 和 WAI——我的天哪！
这为什么重要？
微小的行动，带来巨大的成果
超越 a11y
由 Mux 赞助的 DEV 全球展示挑战赛：展示你的项目！
互联网的力量在于其普适性。无论残障人士都能访问互联网，这一点至关重要。——
蒂姆·伯纳斯-李，W3C 总监，万维网发明者
这篇文章最初是我为公司同事们写的，作为一堂课。无障碍设计对我来说至关重要，这篇文章旨在帮助公司员工提升这方面的水平。
我认为这场战役的关键在于唤醒你对无障碍设计的关注——时不时地思考一下，并在开发新功能时做出一些看似微小却意义重大的改变。我希望通过这次分享，能够让大家对无障碍设计有更深入的思考，了解它的重要性以及它如何与公司的目标相契合。
首先，我想简单介绍一下无障碍设计究竟是什么意思。
无障碍设计是……
-
倡导：在大多数情况下，无障碍设计意味着为那些可能无法为自己发声的人争取权益。不妨这样想：如果一个网站无法访问，而查找联系信息或联系网站维护者的唯一途径是通过该网站，那么您又该如何让他们知道您想使用他们的网站却无法使用呢？
-
教育：很多时候，网络平台的无障碍问题并非源于缺乏同理心，而是源于理解不足。通过提升自身认知，我们可以大大减少未来出现无障碍问题的可能性。
-
懒人福音：这是个好消息！互联网在设计之初就考虑到了无障碍访问！如果你只使用内置的 HTML 元素和最少的 CSS 来创建一个网站，它默认就是无障碍的！很多时候，不做额外的工作反而是让网站更易于访问的最佳方法。懒人万岁！
-
普遍性：我们往往狭义地理解无障碍——仅限于盲人或肢体残疾人士。但实际上，它的影响范围远比我们想象的更广泛、更全面。你们当中有多少人曾经手臂骨折过？这会如何影响你们的工作？微软将残疾分为三种类型：
a11y、ARIA 和 WAI——我的天哪！
如果我们以自身能力为基准，就会创造出一些对某些人来说容易使用，但对其他人来说却很困难的东西。
微软包容性工具包
关于无障碍设计，有很多术语会被提及，这可能会让人感到困惑。我们在这里先来了解一些基本术语。
a11Y = “Accessibility”（无障碍）。accessibility 中的 A 和 Y 之间有 11 个字母。这样输入起来方便多了。
ARIA = “无障碍富互联网应用程序”。ARIA 是构建无障碍网络工具的标准。
WAI = “Web Accessibility Initiative”（网络无障碍倡议）。
WCAG = "Web 内容无障碍指南".
这为什么重要？
对于……
... 商业
好消息是，提升易用性对企业来说是一件好事。实施成本并不高，而且其带来的好处可以推广给众多客户，无论规模大小。更易于使用的工具意味着更多人使用平台，也就意味着更多付费客户。
... 未来
无障碍访问是一个至关重要的问题。在安大略省等地，已有法律规定达到一定规模的公司必须提供无障碍网站和工具。预计这将成为未来的常态。
用户
非残障用户也能从辅助功能中受益！键盘快捷键和 TabIndex 支持等功能对高级用户和残障用户都很有帮助！
产品团队
在进行规范制定、设计、开发和测试时，始终将无障碍设计放在首位，这有助于提升相关人员的同理心和技能。当我们花更多时间思考用户（尤其是那些与我们外貌、行为或语言不同的用户）及其需求时，我们不仅能提升自身，还能改进产品。
微小的行动，带来巨大的成果
好消息是，通过做出一些简单的改变，你就能轻松获得很多好处。
首先，不要破坏默认功能。这意味着要为合适的功能使用合适的元素。例如，<div>`<div>` 标签不应该有点击事件，` <img><img>` 标签应该有替代文本，说明文字也不应该过于复杂。这里有一个更全面的列表。
接下来，我们需要设置一些基本的无障碍规则。Eslint 提供了一个 a11y 配置，可以帮助您避免将来犯错，并帮助您纠正过去的错误。市面上有很多优秀的工具可供我们使用。
最后，花些时间观看/阅读/学习有关无障碍设计的内容。以下是一个基本列表：
超越 a11y
通过良好的实践，我们可以创建出人人都喜欢使用的无障碍应用程序。一旦走上无障碍之路，您就可以采取许多措施来维护它。
持续改进——即使有了良好的无障碍访问策略，我们也需要不断改进，避免引入新的问题。每个人都应该持续学习和提升相关知识，并乐于向他人传授！
无障碍设计，如今更加丰富多彩！ ——到目前为止，我们主要讨论的是人们可能存在的残障，但这并非无障碍设计的全部！我们也应该考虑技术、教育和语言方面的差异。网速慢和屏幕小都是无障碍设计方面的问题！获得教育和其他技术的机会也是如此。假设我们的用户使用的设备与我们相同，或者他们过去有过使用网络应用程序的经验，这两种假设都是错误的。国际化等功能也非常棒！
希望您喜欢这篇文章，并且有所收获！如果您有任何补充，请告诉我！如果您想讨论无障碍设计、渐进式 Web 应用、包容性设计或其他任何相关话题，我都非常乐意交流。
欢迎来推特上和我聊天，获取更多类似内容！
文章来源：https://dev.to/wuz/become-an-accessibility-rock-star-4h0c