关于 Web 可访问性的神话

• 原文地址：Myths about Web Accessibility
• 原文作者：Alvaro Montoro
• 译文出自：掘金翻译计划

原文链接：https://alvaromontoro.com/blog/67989/myths-about-web-accessibility

网络可访问性是每个 Web 开发项目中的必去之处，但对于许多 Web 开发人员来说，它似乎仍是个谜。就像这是传奇的东西， 而不是工作所需的基本技能。

围绕 Web 可访问性存在许多误解，大多数时候，由于对此事缺乏了解(或兴趣)，这些误解都助长了这种误解。本文收集了其中一些无障碍误解或神话。

• 无障碍设施很困难
• 无障碍设施费用昂贵
• 可访问的网站是丑陋的
• 无障碍功能适合盲人/屏幕阅读器
• 无障碍设施适合残疾人
• 自动测试足以访问
• 辅助功能覆盖足以确保 Web 辅助功能
• 默认情况下，HTML 是可访问的
• No ARIA > Bad ARIA
• 偏爱减少的运动意味着没有运动

无障碍设施很困难

我们经常听到这个词，当一个项目处于高级阶段，无法访问。"辅助功能很困难！好像这是一个合理的原因， 因为他们正在经历所有的延误。

但是，没有什么比真相更离点了。无障碍设施并不难。你知道什么是困难的吗？在奥林匹克水平上跑步。更重要的是，只是跑步是困难的。婴儿需要12个月才能开始爬行、行走，最后跑步。这是一个缓慢的过程，需要加强肌肉，获得协调，练习，练习，和更多的练习。

Alt 文本很难吗？尝试在10秒内跑100米(picture: Andrea Piacquadio)

另一方面，Web 开发人员至少可以在数小时内学习 Web 可访问性的基本知识，在几天内练习，并在几周内掌握好。当然，他们不会是专家。尽管如此，他们还是能够修复和防止WebAIM百万报告中强调的许多问题，并避免困扰当今互联网的主要可访问性问题。WebAIM Million report

显然，网络可访问性不仅仅是基础知识。学习和掌握更先进的方法需要时间，但一个足够好的水平是可能的在合理的时间内。

无障碍设施费用昂贵

时间贵吗？钱贵？他们两个？无论哪种方式， 这是一个可疑的说法， 可以听到接近项目结束时， 他们不考虑网络可访问性的早期阶段...这使得它昂贵！团队将不得不在事后处理问题，重建解决方案(在某些情况下几乎从零开始)，这将浪费时间和金钱。如果他们在开始时实现了可访问性，他们本可以避免的。

如果你有一辆车，油灯亮着，你就换油。这需要你几分钟的时间，无论是自己完成还是在商店，它会花费你只有几块钱。但是，如果您不更换机油，您的发动机可能会在一段时间后发生故障。维修将花费数百美元(或数千美元)，并且需要使用特殊工具和零件的机械师。更何况汽车将停用数天或数周。

别怪车！你开着油灯开了50英里！ (picture: Kaboompics)

如果您在正确的时间(在项目开始时)应用 Web 辅助功能，从长远来看，成本会更低，并且会为团队节省许多麻烦和压力。 但是，如果你等待这样做，直到你必须(例如，在用户投诉或你得到诉讼后)，那么这将是昂贵和痛苦的。此外，它需要专家和耗时。

考虑到 残疾人的购买力为1.3万亿美元 ( 包括亲戚朋友在内超过8万亿美元)，也许是时候停止谈论网络无障碍作为一个昂贵的功能，并开始把它作为一个有利可图的。

可访问的网站是丑陋的

没有什么比真相更离不远的了。辅助功能不能确定网站是否丑陋。有美丽，可访问的网站和真正丑陋的不可访问的网站。可访问的网站将像设计的那样丑陋(或美丽)。像任何其他网站一样！

这个神话已经大有裨程了。它一直存在，因为网络可访问性是一个东西(这意味着，基本上从互联网开始)，它植根于一个误解。以前，无障碍的概念与没有样式，没有动画，没有图像，没有视频。什么都没有一个平淡，沉闷，丑陋的网站。但情况不一定如此。

一些辅助功能要求确实会限制设计师和开发人员的创造力(例如，有时找到一个可访问的调色板可能是一个挑战)，但有许多工具在线，这将有助于这一点。此外，不同的标准已经演变为包含许多辅助功能。

我们需要放弃建立一个网站的想法， 然后丑陋它， 使其访问。那是一种老派的心态。从一开始，可访问的网站可以是视觉上引人注目的、动画的、有趣的互动网站。优秀的设计师在将包容性和可访问性灌输到开箱即用方面做得非常好。

无障碍功能适合盲人/屏幕阅读器

由于最流行的辅助技术侧重于视力障碍者，因此人们很容易认为无障碍性主要针对失明。

但还有更多：

• 聋人，
• 用自动翻页器、自适应铅笔抓地力或辅助指头设备的人，
• 前肢疾病患者，
• 键盘用户，盲文设备用户，喝和泡芙设备用户，仅举几例。

需要 Web 可访问性的人不是同质群体。因此，我们不能应用一刀切的解决方案，并推进它。

以不久前发生的网上争议为例：一个盲人组织了一次关于网络无障碍的会所会议。不久，他得到了一些来自聋人社区的反弹，因为会所是一个众所周知的无法访问的平台，而聚会排除了有听力问题的人。

是否真的可以只关注视觉障碍来谈论无障碍问题？不包括所有涉案人员？答案是否定的。

无障碍设施适合残疾人

这个神话是上述变化。我们已经明确表示，无障碍不仅对盲人有影响，而且我们绝不能认为它只影响残疾人。它实际上影响每一个人！

有无形的和情况残疾 ，损害人们，并限制他们能暂时(甚至永久)做什么。你可以...

• ...打篮球时骨折，无法使用电脑上的鼠标/键盘。
• ...怀孕或有不安的孩子， 不让你在晚上睡觉， 然后有睡眠剥夺， 不让你在白天集中注意力。
• ...耳朵感染， 使声音感到困惑， 并阻止你听到你的手机。
• ...有常见的偏头痛，导致你有"阴云视觉"和短的注意力跨度。

我们被这样的例子包围着。每天。到处。注意，你会开始越来越注意到他们。

如果我说其中3个人有残疾你能分辨出是谁吗？ (picture: RUN 4 FFWPU)

有些人现在可能会认为：

那些是残疾！而且...但那不是我我从来没有摔断过骨头， 我不打算生孩子， 而且我有响亮的铃声...哦，我也会永远保持年轻。因此，Web 辅助功能不适用于我。

非常有信心， 但那是错的。即使你是一个完全健康的人，你可能会发现自己在网络访问性将帮助你的情况下。例如，在外面使用笔记本电脑，反射不会让你阅读，难道你不想有更多的对比吗？在森林里露营和关键图像的 "当蛇咬你怎么办？v

还有很多这样的例子：在偏远地区，人们连接率低，人们没有最先进的电脑和电话，奶奶向你求助，因为短信太小，无法阅读......不要低估 Web 可访问性的覆盖范围。

自动测试足以访问

可访问性的自动测试是可能的，并强烈建议。但它不能替代手动测试：自动测试只 检测 +30% 的问题。

即使我们可以使用键盘和标签模拟用户的行为，检查颜色对比度或特定的 HTML 结构，仍有无法自动进行测试，并且无法模拟行为。因此，限制自动测试的能力。

这并不是说我们应该放弃自动辅助功能测试。相反，我们应该拥抱它们，并在我们所有的项目中使用它们。重要的是要记住，它们补充而不是取代良好的旧手动测试。

覆盖物足以确保 Web 可访问性

这更多的是高管和决定购买此类解决方案的人的误解。辅助功能社区的共识几乎是一致的：覆盖不起作用。他们都没有完全工作。

覆盖物是一种自动化技术，旨在提高网站的可访问性。它可能有很多口味： 插件， 附加库， 工具栏， 小部件...但它们的功能相似：在飞行中修改页面的源代码并修复不可访问的代码，代之以可访问的版本。真正诱人的东西， 在负担得起的价格， 只有一行 JavaScript 。

但是，JavaScript 的一行并不能使网站 100% 可访问。覆盖物不是修复一切的魔杖。在某些情况下，结果甚至可能具有破坏性。而这一切都只是为了一点好处，因为残疾人已经使用工具来解决覆盖物声称要解决的许多问题。

正如我们在上一节中提到的，Web 可访问性没有一刀切的解决方案。而这正是叠加试图成为。

事情可能会改变。虽然辅助功能覆盖可能不足以确保目前 Web 可访问性，但随着人工智能和机器学习的进步，它们将来可能会成为替代方案。但目前，它们不是一个解决方案。

默认情况下，HTML 是可访问的

我们听过很多次开发人员说，"HTML 是开箱即用的"，就好像字典中 HTML 的定义是：

HTML 可访问.

但情况并非总是如此。有些 HTML 元素无法自行访问，或者可能会对用户构成挑战。

例如， <video> or <audio> have controls that are not fully keyboard-accessible ，而且从浏览器到浏览器差别很大，并导致挫折感。或者该元素有许多类型的打开弹出窗口，这可能不是每个人都能访问。

有许多组件和结构不是原生 HTML 元素(例如，选项卡面板)，一旦我们开始合并 HTML，可访问性问题可能会从交互中弹出。

在那个假想的希奇克 (Web) 银河指南中， Html 的定义应该更新到更合适的内容：

HTML 可主要访问。

这看起来好多了，而且它肯定更准确到现实。

No ARIA > Bad ARIA

在所有无障碍专家开始哭脏和咒骂我的名字之前，让我澄清一些事情：没有ARIA比坏ARIA更好。ARIA 并非所有浏览器/屏幕读取器都支持，它应该是最后的手段。要走的路应该是尽可能使用语义HTML。

不幸的是，使用语义HTML并不总是可能的，也不足以涵盖所有需要良好体验的案例。例如，有些小部件和模式(例如，选项卡面板再次)无法使用语义元素完成，在这些情况下，ARIA 是必须的。

ARIA(可访问丰富互联网应用程序的首字母缩略词)是 HTML 标签中使用的一组属性，旨在使内容更易于访问。它补充了HTML元素，并为辅助技术提供了其他无法获得的额外信息。但是，如果开发人员没有正确使用这些属性，他们提供的其他信息可能会混淆和损害用户体验。

"没有ARIA>坏ARIA"的神话/误解是，它忽略了方程式的一个重要部分："好ARIA"将走向何方？答案其实很简单：

Good ARIA > No ARIA > Bad ARIA

我们都同意坏的ARIA是坏的。但是没有ARIA也不是理想的：提供不良体验(坏ARIA)的解决方案不应该提供低于标准的体验(没有ARIA)。也应该有好的经验！

如果一个孩子正在学习骑自行车，挣扎和跌倒，我们不会告诉他们，"停止！永远不要骑自行车！相反，我们教他们。我们鼓励他们继续学习和尝试...直到他们能自己做。

对不起，提米你跌倒了一次再试一次没意义。 (picture: Tatiana Syrikova)

"No ARIA > bad ARIA" 延续了虚假的二分法。也有好的阿里娅我们可以学习阿里娅， 练习阿里娅， 提高阿里娅...一开始我们并不擅长，但我们会变得更好，提供比没有ARIA更好的时间和实践体验。

偏爱减少的运动意味着没有运动

这更多的是基于误解的开发人员的良好意图。我们(包括我自己)找到了一个减少运动的选项，我们"暴力"我们的方式通过它，取消所有过渡和动画像这样：

@media (prefers-reduced-motion) { *, *::before, *::after { animation: none !important; transition: none !important; } }

不是所有的东西都是黑色或白色的。有许多灰色的阴影，不是所有的动画和过渡都是坏的他们中的一些人比其他人更坏.

我们不需要取消网站上的每一项动议。相反，我们需要仔细考虑它们，检查什么是合适的和不合适的，并为每个人提供扩展/动画体验。

在"除了事件"中， Val Head 在无障碍性和动画方面做了一次精彩的演示. 在视频中，她解释了不同的动画和过渡，哪些是更好的，当试图避免触发负面反应：颜色变化，不透明褪色，小动作...

此外，与这个神话有关，减少的运动不仅仅适用于动画和过渡：背景视频、动画 GIF 或滚动行为是用户选择减少运动时需要更改的事物示例。所以，我们不要忘记他们。