Web 可访问性诉讼：4 个现实生活中的例子和要点

已发表: 2023-04-24

在美国，有超过 6100 万残疾人 (CDC)。 将如此大一部分人口排除在外意味着在商业方面错失了巨大的机会。 出于道德和法律原因，构建可访问的网站至关重要。 在您的网页设计服务中提供无障碍设计是为您的客户带来的主要增值，并且肯定会让您从竞争对手中脱颖而出。

数字可访问性始于建立一个令人难以置信的网站。 下载“向本地企业销售网站服务的 6 步指南”，立即开始为您的客户提供可访问性。

在本文中，我们将介绍《美国残疾人法案》(ADA) 的要点，并展示一些引发无障碍诉讼的网站。 此外，我们将提供一些技巧和最佳实践，帮助您避免代价高昂的法律问题，并确保用户可以访问您客户的网站。

目录

  • 为什么网络可访问性很重要？
  • 美国残疾人法案 (ADA)
  • Web 可访问性诉讼的真实示例
    • 达美乐披萨 vs. Guillermo Robles
    • 玛丽·康纳 vs. 帕克伍德娱乐
    • 吉尔与温迪克西
    • 全国聋人协会与哈佛 + 麻省理工学院
  • 网站设计技巧和可访问性最佳实践
    1. 了解 WCAG 2.1 指南
    2. 设计键盘可访问性
      • 键盘焦点
      • 标签顺序
      • 没有键盘陷阱
    3. 为图片提供替代文字
      • 创建有效替代文字的提示
    4. 使用适当的颜色对比
    5. 避免无法访问的内容
    6. 测试网站的可访问性
  • 经常问的问题
    • 什么是无障碍诉讼？
    • 最大的无障碍诉讼是什么？

为什么网络可访问性很重要？

在为您的客户开发网站时，Web 可访问性是一个需要考虑的关键问题，因为无法访问的网站可能会将有听力或视力障碍等残疾的访问者排除在外。 这不仅是一种歧视形式，而且还会通过排除一组潜在客户来限制客户的业务增长。

更重要的是，数字可访问性可能是一个法律问题。 美国残疾人法案 (ADA) 规定，未能为残疾人提供便利是一种歧视。 因此，网站可访问性诉讼变得越来越普遍。 2022 年，美国提起了超过 3,200 起网站可访问性诉讼 (Codemantra)。 对于不合规的企业，这些诉讼意味着巨大的法律费用、罚款和未能提供可访问网站的负面报道。

美国残疾人法案 (ADA)

美国残疾人法案的制定是为了保护残疾人免受歧视。 ADA 于 1990 年签署成为法律，禁止在就业、交通、公共住宿场所（商店、餐馆、办公楼等）、通讯等方面的歧视。 根据 ADA，网站和其他通信平台必须为残障人士提供便利。

Web 内容可访问性指南 (WCAG) 由 Web 可访问性倡议 (WAI) 制定，旨在为 Web 内容可访问性设置国际标准。 它的创建是为了遵守 ADA 并改善残障人士的 Web 浏览体验。 这些指南帮助网页设计师思考需要为残障人士提供的不同便利，以确保他们可以自由浏览网站。 它们是设计无障碍网站的黄金标准。

Web 可访问性诉讼的真实示例

如果您认为受 Web 可访问性诉讼影响的可能性很低，请三思。 这些诉讼正变得越来越普遍，并可能影响任何规模的企业。 这里有一些最近的例子需要注意。

达美乐披萨 vs. Guillermo Robles

2016 年，一位名叫吉列尔莫·罗伯斯 (Guillermo Robles) 的盲人在多次尝试通过其在线平台订购定制披萨失败后，对披萨连锁店达美乐 (Domino's) 提起诉讼。 即使借助屏幕阅读器软件，罗伯斯也无法在线下订单。 罗伯斯在诉讼中引用了 ADA，坚持认为达美乐有义务让残障人士可以访问其网站，因为它是一家拥有实体场所（公共场所）的企业。

Domino's 进行反击，声称没有明确的指导方针可以在网络平台上容纳 ADA，因为在 1990 年法律颁布时，它们还没有以目前的形式存在。

最终，最高法院支持罗伯斯。 2021 年 6 月，法官裁定达美乐未能提供完全可访问的网站，从而违反了 ADA，并责令该公司使其网站符合 WCAG 2.0 标准。

玛丽·康纳 vs. 帕克伍德娱乐

2019 年，有人对碧昂丝旗下的 Parkwood Entertainment 公司提起集体诉讼，声称网站 beyonce.com 因未能为视障访客提供住宿而违反了 ADA。

该诉讼认为，该网站是一个高度可视化的平台，未能在整个网站的图像上提供足够的替代文本，使得使用屏幕阅读软件的盲人访问者无法充分理解或通过该网站进行购买。 该诉讼还列出了对该网站的其他投诉，包括缺乏可访问的导航链接和菜单。 这起诉讼的结果仍然悬而未决。

吉尔与温迪克西

2017 年针对杂货零售商 Winn-Dixie 的诉讼指控该公司违反了 ADA。 原告 Juan Carlos Gil 在他的屏幕阅读器无法解释该网站后提起诉讼，阻止他订购产品或访问他的帐户奖励。 原告争辩说，该网站应被视为公共场所，因此，它必须遵循 ADA 指南。

不幸的是，法院最终做出了有利于 Winn-Dixie 的裁决，称无法使用该网站的客户只需访问店面即可。 然而，尽管赢得了诉讼，Winn-Dixie 仍承诺使其网站符合 WCAG 2.0 标准，以确保其在未来完全可访问。

全国聋人协会与哈佛 + 麻省理工学院

2015 年，全国聋人协会 (NAD) 与个人原告合作，对哈佛大学和麻省理工学院提起诉讼。 这些诉讼声称，每所大学都违反了 ADA，因为它们未能让聋人和听力障碍者同样可以访问免费在线内容。

在两所大学多次尝试驳回这些网站可访问性诉讼后，他们的动议一再被法院驳回。 2020 年，两起诉讼达成和解，哈佛大学和麻省理工学院都需要更新公开可用的在线内容，以便听力受损的人能够平等地访问。

网站设计技巧和可访问性最佳实践

从道德的角度来看，Web 可访问性很重要。 使用符合 ADA 标准的网站，您的客户可以避免歧视一部分人。 此外，无法访问的网站会使他们无法享受您客户的产品或服务带来的好处。 遵循这些网站设计技巧，以确保您在设计网站时考虑到数字可访问性。

1. 了解 WCAG 2.1 准则

了解 WCAG 2.1 准则是创建符合 ADA 标准的网站的第一步。 该指南概述了为视力障碍、失明、听力损失、光敏性等各种残障人士提供的住宿建议。 该文档在不断发展，因此任何从事 Web 开发工作的人都应该随时了解 Web 可访问性标准，并准备好适应新标准的引入。

WCAG 指南非常详细，但无障碍网站的一些基本要素包括以下内容：

  • 提供网站图像和视觉元素的充分描述的替代文本
  • 网站文字与背景颜色对比强烈
  • 使用键盘（无需鼠标或触控板）浏览网站的能力
  • 视频内容的隐藏式字幕
  • 和更多…

我们将在下面更详细地探讨这些元素中的每一个，但这只是创建可访问网站所需内容的开始。 查看 WCAG 2.1 准则以确保您为客户构建的任何网站都符合要求。

2. 键盘可访问性设计

有视力障碍或运动障碍的网站访问者可能难以使用计算机鼠标或触控板。 相反，这些人依靠键盘的可访问性来浏览网站。 以下是可通过键盘访问的网站的主要组成部分。

键盘焦点

键盘焦点元素是可以使用键盘触发或激活的按钮、链接、复选框或字段等项目。 在可通过键盘访问的网站上，用户可以通过键盘单独控制这些元素中的每一个。 键盘焦点是指特定元素被选中的视觉指示，例如文本字段或按钮周围的彩色轮廓。 此焦点指示器对于帮助个人确定他们在任何给定时间正在操作的网站元素至关重要。

标签顺序

Tab 键用于从一个键盘焦点元素导航到下一个。 逻辑 Tab 键顺序对于为依赖键盘辅助功能的个人维持积极的用户体验至关重要。 在大多数情况下，Tab 键顺序应与页面的视觉流一致。 换句话说，应该按照元素在页面上出现的顺序来选择元素。 但是，最直观的 Tab 键顺序可能因页面设计而异。

没有键盘陷阱

“键盘陷阱”一词是指使用键盘浏览网站时可能发生的错误。 例如，如果用户无法离开特定的焦点元素，这将被视为键盘陷阱。 彻底测试网站的每个方面（包括弹出窗口、小部件、图库等）以确保网站没有键盘陷阱是至关重要的。 不要忘记在空状态页面上测试键盘陷阱，因为它们对于浏览体验至关重要。

3.为图像提供替代文字

“替代文本”或替代文本是嵌入在网站图像元数据中的描述性短语或句子。 有视力障碍的人使用屏幕阅读器软件浏览网站，这些屏幕阅读器依靠替代文本来描述网站的视觉元素。 站点上的每个非装饰性图像都应包含替代文本，包括编辑图像、图表、信息图表、图表、插图和图标。

创建有效替代文字的提示

在大多数情况下，替代文本应简短明了，同时为图像提供上下文。 例如，假设您在有关拉布拉多猎犬的网站上描述两只狗玩拔河的照片。 一个有效的替代文本示例是“两只拉布拉多犬玩拖船”。 此文本准确地描述了图像，同时通过指定图像中狗的品种来提供上下文。

对于更复杂的视觉效果，例如图表或图形，可能需要两到三个替换文本句子来传达图形显示的内容。 例如，如果图表根据年龄显示拉布拉多猎犬的平均体重，则替代文本可能会说：“图表显示拉布拉多猎犬通常在四个月时重 X 磅，在九个月时重 X 磅……”

编写替代文本时，请确保描述提供了足够的信息，让人们即使看不到图像也能理解图像所传达的信息。

4.使用适当的颜色对比

在文本和网页背景之间加入足够的颜色对比对于 Web 可访问性至关重要。 当颜色对比不够强烈时，视障用户可能难以有效地阅读和浏览网站。 这不仅会造成糟糕的用户体验，而且会让网站所有者容易受到网站可访问性诉讼的影响。

如果网站上的颜色对比太微妙，那些有视力障碍的人可能难以阅读文本，从而导致糟糕的用户体验。 WCAG 2.1 指南建议普通文本的对比度为 4.5:1，网站上的大文本的对比度为 3:1。

WCAG 2.1 指南还提供了有关颜色对比度的建议。 如果您不确定您设计的网站的字体颜色和背景颜色是否具有足够的对比度，您可以使用在线工具进行检查。 在谷歌上快速搜索“网站可访问性检查器”将提供几个选项。 在为客户提供网站设计服务时，请记住优先考虑颜色对比而不是流行的颜色或设计。

5.避免无法访问的内容

网站上的所有内容都需要残障人士可以访问，因此需要颜色对比度和替代文本要求。 如果网站托管视频内容，则视频应包含音频描述或字幕，以使有听力障碍的用户可以访问这些内容。 幸运的是，有许多转录服务可用于帮助转录视频内容，Rev 和 Otter Ai 等服务使获取视频字幕变得容易且负担得起。

现在有如此多的网站访问者在移动设备上浏览，即使没有听力障碍的人也喜欢视频上的字幕。 字幕使用户能够在音频可能具有干扰性或难以听到的公共场所使用视频内容。 考虑到这一点，在您的视频中加入字幕可能会增加您的观看次数，因为它们更容易被观看。

6. 测试网站的可访问性

设计一个可访问的网站是一回事，而作为依赖辅助功能的人来浏览它又是另一回事。 测试网站的可访问性对于确保该网站真正适合残障人士至关重要。 这不仅可以保护您的客户免受网站可访问性诉讼的侵害，还可以防止他们无意中将残疾客户排除在外。

网站可访问性检查器是查明客户网站可访问性问题的好方法。 EqualWeb 和 AccessiBe 等工具只是众多可访问性检查器中的几个示例。 这些工具扫描网站并识别合规性问题，然后您可以修复这些问题以确保网站符合 ADA 标准。

不同的可访问性检查器使用不同的合规性标准作为其扫描的基础，因此请确保您选择一个扫描 ADA 和 WCAG 2.1 合规性的工具。 否则，检查器可能无法捕获您需要考虑的所有可访问性问题。

经常问的问题

什么是无障碍诉讼？

网站可访问性诉讼是针对网站所有者的诉讼，该网站所有者的网站未能遵守有关网络可访问性的 ADA 准则。 也就是说，如果残疾人无法访问其网站，则可以起诉企业或个人。

最大的无障碍诉讼是什么？

迄今为止最大的无障碍诉讼是全国盲人联合会诉 Target Corporation。 该诉讼于 2018 年以 600 万美元和解。