Web可访问性适用于需要屏幕阅读器与基于Web的内容互动的用户。了解如何确保您的应用符合网络辅助功能标准。
在之前的文章中，我提到了“这不是最佳做法”或“不要在生产中这样做”。我曾经认为最佳实践主要是为后来继承你的项目的开发人员（谁曾经继承过一个由口香糖和魔法组合而成的项目），或者是因为某人需要获得报酬来制定我们必须遵守的规则只是为了让我们的生活变得悲惨。当我参加东北技术峰会女性设计无障碍网站研讨会时，这一切都发生了变化。
康纳斯特 NBCUniversal高级产品经理兼无障碍首席技术专家Adina Halter领导这次研讨会，自从我开始开发网站和网络应用程序以来，第一次开启了我的视线。我想我使用的很多框架可能都遵守这些规则，但我从来没有考虑过它作为开发人员。她帮助我们为非健全人类获得了同情和观点。我不得不说，我对自己很久没有意识到这一点感到失望。
但回到最佳实践搭配。其中很多都来自WCAG。通过Web内容可访问性指南列表，告诉我，对于您被告知为Web编程的方式，有没有听起来很熟悉？
我们从成功标准1.1.1 - 非文本内容开始。有多少次被告知要为图片添加替代文字？你做过多少次这样对于阅读文本并且看不到图像的人有意义？或者更好的是，你们有多少人跳过了这个？替代文本在无法呈现的图像的用例之外很重要。这是向正在使用屏幕阅读器的用户阅读的文本。而且，如果不存在，则读取图像URL。那有多有用？
你知道屏幕阅读器也阅读HTML标签吗？这就是为什么使用CSS进行样式设计而非标签很重要。你希望你的页面像散文大纲一样阅读，而不是随意分散标题标签。
你的结构应该是这样的：
About Us
Our History
Our Staff
Leadership Team
Projects
Who we've worked with
不是这个：
About Us
Our History
Our Staff
Leadership Team
Projects
Who we've worked with
虽然这可能看起来微不足道，但如果你在2级标题附近跳跃，哪一个更易于理解和理解？哪一个可以帮助您找出哪些部分有更多信息？
当谈到JavaScript和动态组件时，这可能会稍微复杂一些。这就是ARIA的用武之地。ARIA提供了一个很好的资源库来帮助动态网页 - 它指出哪些JavaScript UI框架包含了ARIA，以及如何在HTML组件中使用ARIA。
在设计网页时，对所有用户表示同情是很重要的。它为所有人提供了更好的用户体验（也意味着不会因未能遵守WCAG而面临财务分歧）。因此，花一点时间来回顾一下WCAG和您已经构建的Web应用程序，或许应该重新考虑一下 - 您是否为每个人设计了这个应用程序？
閱讀更多 愛碼農 的文章
關鍵字: 阅读器 JavaScript 访问
