为什么 Web 开发人员需要关注 Web 可访问性

互联网被称为“伟大的均衡器”。世界各地的人们都能获取曾经只有那些负担得起的人才能获取的信息。现在，你可以免费在线获得大学水平的教育。作为网络开发者，我们还可以做更多的事情，让互联网世界变得更加公平。这其中就包括为残障人士提供无障碍服务。

无障碍设施

Web 无障碍旨在让每个人都能轻松使用互联网，无论他们是否有任何残障。例如，有些人是盲人，或者很难看清您的网站，因此他们会使用屏幕阅读器或其他设备。某些设备的有效性很大程度上取决于网页的布局方式。

目前已经有了一些 Web 无障碍标准。官方标准来自 W3C 的人员https://www.w3.org/WAI/standards-guidelines/wcag/。这些标准并不特别复杂，只是很多开发者并不了解它们，或者他们继承了较旧的项目。

让网页无障碍访问相对容易。大部分操作都归结于使用常见的最佳实践并关注语义。自 HTML5 更新以来，语义在无障碍访问中变得更加重要。诸如 main、section 和 article 等元素在辅助设备上的解释都有所不同。

这些设备会查找特定标签来识别页面上的重要内容，决定在哪里查找内容以及如何向用户呈现内容。因此，如果您在页面上使用多个 h1 标签进行格式化，请停止使用。这是辅助设备用来帮助用户理解页面内容的另一个元素。这也违背了最佳实践。

另一个非常简单的改变是为所有图片、视频以及其他需要实际看到的内容添加替代文本。如果盲人访问您的网站，发现所有图片都没有替代文本，他们就会错过一些重要信息，因为屏幕阅读器无法识别图片。添加一些能够准确描述图片或视频要点的文字，以便他们能够更好地理解图片的含义。

这引出了您可以为无障碍功能做的其他事情。为您网站上的所有视频添加字幕或文字记录。此外，对于听力障碍人士来说，如果没有相应的文字说明，他们可能会错过视频的大部分内容。

另一个需要考虑的事项是更新网站的导航，使用导航标签。这有助于残障用户找到他们想要的内容。确保导航合理，将所有子页面与父页面关联起来。这有助于用户了解他们在网站上的当前位置。这也有助于辅助设备在用户浏览完页面后知道应该转到哪里。

你可以做的一件大事就是构建真正优秀的表单。使用标签，必要时将输入分组。确保用户可以通过 Tab 键切换输入，或者按下 Enter 键即可提交表单。目标是让用户无论使用何种设备都能更轻松地使用表单。

一个残酷的事实是，很多 Web 开发者的时间非常紧张，而且大多数公司都没有考虑到语义化工作的时间。在设计中加入 Web 无障碍功能确实需要一些额外的时间，但这并不难。与其到处使用 div（我有时也会犯这种错误），不如直接使用真正的语义元素。这才是它们被设计出来的目的。

更新旧网站以遵循所有无障碍标准比较困难，但请尽可能地进行更改。对于新网站，您可以先考虑这些标准。您需要在设计时考虑无障碍性，这样在编写代码时就不会感到意外。

您额外花几个小时提升网站的可访问性，就可能让成千上万的人都能找到他们需要的信息。这听起来可能微不足道，但想象一下，如果您经营一家企业，吸引了大量视障用户。如果您的网站无法访问，您就失去了一大批潜在的客户。

最重要的是，网站的无障碍性可能会决定一个孩子能否进入大学学习工程专业，或者最终决定自己无法进入大学学习。Web 无障碍不仅仅是Web开发人员需要做的事情。Web 无障碍是我们确保互联网真正成为公平竞争环境的关键，它能让很多人的生活变得更好，或者至少稍微更有趣一些。

我以前以为网站无障碍更新要花很多时间，直到我开始亲自研究这些标准。这些标准实际上迫使我们在创建网站时更加自律，这是一件好事。它强化了所有最佳实践，并帮助我们思考人们将如何使用网站。

您是否有什么关于网络可访问性以及它如何改变您的编码方式的特别故事？

嘿！你应该在 Twitter 上关注我，理由如下：https://twitter.com/FlippedCoding