4 种无障碍网站是双赢之选的原因

了解为所有人创建无障碍网站的意外好处。
458 位读者喜欢这篇文章。
How to use Python to hack your Eclipse IDE

Opensource.com

为什么有些人选择使网站具有无障碍功能?有些人是行善者,他们像万维网联盟 (W3C) 一样,认为“Web 从根本上说是为所有人设计的,无论他们的硬件、软件、语言、文化、位置或身体或精神能力如何。” 而且,有些人这样做是因为法律强制,依据的是《美国残疾人法案》第 508 条。大多数联邦和州立机构都要求网站对各种残疾人士具有无障碍功能。尽管他们可能想行善,但他们的主要动机是避免代价高昂的法律问题。

无论您的动机是什么,每个人都将从创建无障碍网站中受益。创建无障碍网站的四个意外好处包括

  1. 改进搜索引擎优化 (SEO)
  2. 为所有访客和所有设备提供更好的用户体验
  3. 避免代价高昂且令人尴尬的诉讼
  4. 通过使其更具包容性来增加网站的受众

SEO

W3C 链接目的文档描述了如何正确标记 URL:“每个链接的目的可以仅从链接文本本身确定,也可以从链接文本及其以编程方式确定的链接上下文一起确定...”简而言之,像这样的链接是不可访问的

  • “更多”
  • “阅读更多”
  • “了解更多”
  • “点击此处”

就像您一样,使用屏幕阅读器的人也会通过查看标题和链接来浏览页面。当他们使用 Tab 键浏览网站时,计算机会向他们读取这些链接。如果计算机读取“更多”,用户会问“更多什么?” 链接的目的没有上下文。有关更好链接的建议

  • “更多新闻”
  • “阅读完整文章”
  • “了解更多关于开源的信息”
  • “点击此处阅读更多关于 Linux 容器的信息”

这与 SEO 有什么关系?链接中的关键字比纯文本更有价值。例如,使用“了解更多关于 Linux 容器的信息”,您只是在您的内容中添加了两个关键字。做得好!糟糕的链接文本是一个错失的 SEO 机会。

用户体验

您很可能今天已经体验过残疾。我们每天都会体验到暂时的、人为的残疾,我们所处的环境会改变我们的能力。

您在网络上浏览的设备也具有各种针对残疾的辅助功能。

残疾

模拟

解决方案

视力障碍

在强光下使用手机

在文本上使用更高的对比度

震颤/关节炎

走路时使用手机

使触摸目标(如按钮)更大

听力损失

在嘈杂的房间里使用手机

在视频上添加字幕

在日常生活中,甚至每小时,一个人的能力和残疾都会在一个范围内变化。有些人总是失明或视力受限。也许您需要眼镜。也许您的视力是 20-20。我们都生活在这个范围内。

Graphic demonstrating that all people live on a continuum of abilities and disabilities

法律

哈佛大学和麻省理工学院以惨痛的教训了解了法律后果,当时他们被全国聋人协会 (NAD) 起诉。

令人担忧的是,当我们进入数字时代时,我们面临着一把双刃剑,因为在某些情况下,技术当然可以使世界对有感官障碍或残疾的个人更具无障碍性。但在某些情况下,它可能会证明会产生新的障碍并重新隔离我们的社会。这就是为什么这个问题受到那些担心自己最终会站在数字鸿沟错误一侧的个人的强烈诉讼。

站在这种诉讼的错误一方比积极主动地处理它要昂贵得多,而且这不是理想的宣传。

受众

人们更喜欢他们可以使用的网站。超过 40 岁的人中有一半开始经历老花眼,这是一种正常的与年龄相关的近距离聚焦能力丧失,导致需要老花镜或双光眼镜。超过 4800 万美国人是聋人或听力障碍人士。超过 700 万美国人是盲人或低视力人士。通过使网站具有无障碍功能,您可以增加受众,将这些人包括在内。

如何开始

您需要的所有资源都是开放的,您可以立即开始改进。

首先使用 WebAIM Web 无障碍评估工具测试您网站的无障碍功能。它将指出问题,并解释使您的网站通过的成功标准。有一个免费的在线版本和一个免费的 Chrome 扩展程序。

接下来,阅读这些资源

我希望您在当前和未来的项目中都会选择牢记无障碍功能。

Photo of Joel H Crawford-Smith
Joel Crawford-Smith 是杜克大学的人为因素认证可用性分析师和不知疲倦的 Web 无障碍狂热者。他的梦想是通过通用设计让全球所有人的网络体验更美好。他正在组建一支同志军队,通过 Web 无障碍布道来煽动起义,并邀请您加入他。关注 @HeartCooksMind。

5 条评论

很棒的文章。我曾经是我们公立学校网站的网站管理员,我在网站上发布了很多 PDF。后来我了解到,这些 PDF 对于视障人士来说是不可访问的,因为屏幕阅读器无法解读它们。那是我的顿悟时刻。您给了我们很多值得思考的东西。

很棒的文章!

W3C 链接目的是一个非常有效的重点,我坚持这一点以使 Web 具有无障碍功能。

我喜欢“用户体验”领域以及关于如何模拟不同残疾的技巧。非常好。

我认为这篇文章在无障碍链接方面失败了,因为虽然大多数链接上的措辞选择都很棒(除了“W3C” - 它应该是“万维网联盟 (W3C)”,这样屏幕阅读器用户就会知道首字母缩略词“W3C”第一次使用时代表什么),但链接没有下划线。这会导致链接和文本对于某些色盲用户来说看起来几乎相同。

总的来说,这是一篇不错的读物 - 继续保持良好的工作!

很棒的文章!我特别喜欢关于为链接提供更多上下文的建议,这通常被忽视。我想提及 UserWay.org,作为人们增加其网站上的无障碍选项的一种选择 (www.userway.org)。它是一个免费且易于安装的小部件,允许用户增加文本大小、更改颜色对比度、使光标更大等等。如果您有时间,我很想让您查看一下!

Creative Commons License本作品根据 Creative Commons Attribution-Share Alike 4.0 International License 获得许可。
© . All rights reserved.