无障碍设施并非边缘案例的 3 个理由

2025-06-09

无障碍设施并非边缘案例的 3 个理由

我从开发人员那里听到的主要问题是“我如何让客户同意”,或者有时是“我如何说服我的老板这值得投入?”我曾经在一个小组讨论中被问到这个问题,我的回答是“我不需要,我只是去做。” 因为我非常了解无障碍功能,并且从一开始就将无障碍功能考虑在内,所以我通常能够相对快速地解决无障碍功能问题,而不会让人注意到我花了额外的时间。但是,当那些对无障碍功能还不熟悉的开发人员试图说服他们的老板时,有时他们会反驳说“这优先级不高”或“这只是一个极端情况”。

皮克斯电影《头脑特工队》中的角色“愤怒”的头部喷出火焰的动图。

天哪,当有人​​无视用户需求时,没有什么比这更让我火冒三丈了。如果你的产品或网站对任何想使用它的人都不起作用,那可不是什么例外。这是一个严重的可用性问题,不仅会给你带来经济损失,还可能引发诉讼。

我以前曾向客户提出过无障碍访问的问题,他们问我修复这个问题需要多长时间。我理解他们的预算有限;然而,修复这个问题最终比业务损失甚至诉讼费用要低得多。虽然我个人是出于同理心,但对客户或老板说“为什么你就不能关心一下别人呢?这不是个例外!”通常不会有什么好结果。

下面我提出了可访问性不是极端情况的 3 个主要原因。

商业

让我们来想一个简单的用户体验练习。在我关于“隐藏表格标签的负面影响”的文章中,我提到了我在 2016 年对两个候选人的捐款网站进行了审计。虽然严格来说,这不算是商业行为,但它仍然是一个向你索要捐款的地方。

我的主要观点是,如果他们的网站无法访问,尤其是在他们收费的地区,你认为用户会花多少时间才能理解并放弃?如果你是用户体验专家,你可能会有一些具体的指标可以告诉我,但我的猜测是……很快。

令我震惊的是,许多电商网站的可访问性都惨不忍睹。例如,我碰巧在Rent the Runway 的网站上想租一件裙子,然后打开了Wave 工具,截至撰写本文时,它检测到了54 个错误。不是警报或警告,而是错误。我也无法用键盘访问他们的导航,而且焦点状态也消失了。

大约每五个人中就有一人患有残疾,这意味着你可能会失去20%的目标受众。如果你的企业一个月的收入是50万美元,而网站无法访问,你可能会损失超过12.5万美元的潜在收入。这可是一笔不小的开支,我当然想分一杯羹。如果你的企业价值数百万美元,这个数字还会更高。

婴儿把钱扔出窗外的动图。

合法的

每当我思考无障碍的法律含义时,脑海中浮现出三起诉讼。最近一起是碧昂丝因视障用户无法访问其网站而提起的诉讼。此外还有塔吉特(Target)诉讼和温迪克西(Winn Dixie)诉讼。《康复法案》(Rehabilitation Act)第508条一直强制要求美国政府机构提供无障碍服务。但这些诉讼引发了人们对《美国残疾人法案》(ADA)在网络方面涵盖哪些内容的质疑。在温迪克西(Winn Dixie)诉讼之后,ADA新增了第三章,涵盖了与公共场所相关的网络无障碍内容。虽然你的网站从技术上讲可能没有违法,但你难道不想省下律师费和和解费吗?虽然我可以详述这三起诉讼,但这篇文章会很长。我主要想讨论一下最近的碧昂丝诉讼,并提供一些链接,以便你了解更多关于温迪克西诉讼的信息。

Beyoncé.com 诉讼

玛丽·康纳(Mary Conner)是一位被描述为“视力缺失”的女性,她无法在碧昂斯官网(beyonce.com)购买一件连帽衫,原因有很多。首先,她无法使用鼠标进行购买。其次,她无法选择特定商品的尺码,也无法确认该商品已添加到购物车中(直接引用自下方链接的文章)。

虽然这让我从情感上感到非常难过,但同样让我难过的是,那些和我一样喜爱碧昂丝的视障用户甚至很难了解如何购买门票去看她的演出,这也是它的另一个商业案例。

这也帮助我牢记,我们绝对不能粉饰忽视问题的后果。在之前一家公司,我曾告诉一位项目经理,忽视我提出的问题可能会带来法律后果。他犹豫着是否允许我使用“法律”一词,因为他担心我是在散布恐慌。我告诉他,这样做是不负责任的,尤其是如果这会让他们陷入法律麻烦的话。这就是一个例子,说明修复几个问题如何能够让公司少花很多钱,减少负面宣传。

来源:Beyonce.com 诉讼提醒我们网络对于视障用户来说是多么糟糕

关于 Winn Dixie 和 Target 诉讼的链接

良好的 HTML

我要开门见山,做一个有主见的开发者。如果你说 HTML 很简单,那你就错了。它的语法比其他语言简单,但和大多数编程语言一样,它需要策略、语义和合适的命名。我看到的大多数轻视 HTML 的人,其实都是在滥用它。

即使是MDN 文档,也有大量文档支持。我不会重复他们的文档,而是会重点介绍我最喜欢的部分:

  1. 使用 HTML<button>比使用按钮更好,<div>因为它们内置了键盘辅助功能。无需添加额外的 JS 事件即可使其与 Enter 键配合使用!只需点击一下即可!
  2. 他们关于良好语义的部分确实有助于教育人们如何迭代可访问性,并在进行改进时真正关注语义 HTML。
  3. 我喜欢他们“更容易开发”的定位。它不仅能为用户提供更多帮助,也能为开发者提供更多帮助。

结论

正如您所见,有很多理由可以证明这并非一个极端情况。“只要让它发挥作用就行”是主观的,这种偏见最终可能会让您损失大量资金,并疏远您的用户。请记住,您的目标受众中总会有一些来自这些社区的人,所以最好不要忽视他们。

您如何与利益相关者沟通无障碍事宜?如果您对这篇博文有任何疑问,请在Twitter或 Twitter 上留言。

鏂囩珷鏉ユ簮锛�https://dev.to/lkopacz/3-reasons-why-accessibility-is-not-an-edge-case-3da4
PREV
提高键盘可访问性的 3 个简单技巧
NEXT
作为演讲者,在会议上提高无障碍性的十个方法