ADA 合规性清单:11 个必备的可访问功能

已发表: 2022-03-23

朱迪在看到广告并对您的一种产品感兴趣后访问了您的网站。 她在您的主页上看到一个视频并点击它。 但是视频有一个问题:朱迪听力不好,而且你的视频没有字幕。

如果您的网站不遵循美国残疾人法案 (ADA) 设定的指导方针,您可能会冒着 Judy 等人离开您的网站的风险。 或者更糟糕的是,人们可能会因为您的网站无法访问而提起诉讼。

但在您开始恐慌之前,请查看我们的 ADA 合规性清单,了解 11 项必备功能,以确保您的网站可访问。 请继续阅读以了解更多信息!

如果您想要更多有用的提示和技巧来提供最佳用户体验,请订阅我们的电子邮件通讯,收入周刊!

号召性用语

如需更多数字营销建议,请订阅超过190,000名其他营销人员信任的电子邮件: 《收入周刊》。

立即注册! 白色长箭头图标

符合 ADA 意味着什么?

当您听到“符合 ADA 标准”时,这是什么意思?

ADA 合规性基于《美国残疾人法案》 (ADA),该法案规定所有公共场所都应可供残障人士使用。 这意味着无论某人是否有视力障碍、身体残疾或有其他残疾,他们都需要住宿才能进入同一空间。

这些住宿延伸到互联网,因为互联网被认为是一个公共空间。 因此,您需要创建一个网站,让各种残障人士能够轻松访问您的网站。

不遵守 ADA 合规性会产生许多后果,从客户流失到法律问题。

ADA 合规性清单:11 项检查清单

为帮助确保您拥有一个合规的网站,请查看我们的网站 ADA 合规清单,了解如何让所有人都能访问您的网站!

1. 遵循 Web 内容可访问性指南 (WCAG)

在此 ADA 合规性网站清单上,首先要遵循 Web 内容可访问性指南 (WCAG)。 WCAG 制定了指导方针,使企业能够创建更易于访问的 Web 内容。 遵循这些准则是提供积极且实用的网站的一个很好的起点。

WCAG有四个核心要素:

  1. 可感知性:您网站上的信息是否易于感知? 如果很难在您的网站上看到信息或看到信息的清晰布局,您需要调整您的网站以清晰地呈现信息。
  2. 可操作:您的网站是否易于人们使用和功能? 如果您的网站布局混乱或导航难以使用,您将不符合 WCAG 指南。 您需要重新优化您的网站,以确保人们可以轻松找到信息。
  3. 理解:您网站的界面是否易于理解? 如果您的导航很复杂,或者您必须执行多个步骤才能完成一项任务,那么最终可能会变得难以理解。 您想让网站流程简单易懂。
  4. 健壮:您的网站是否适用于所有浏览器和辅助程序? 如果您希望您的网站符合 ADA 标准,则需要确保它与辅助程序(如屏幕阅读器)兼容。

如果您遵循 WCAG 指南,您将让您的网站走上符合 ADA 标准的快车道。

2.添加图片替代文字

接下来我们的 ADA 合规性清单是添加图像替代文本。 图片替代文字是您添加到图片后端的文字,用于描述照片中的内容。 此文本对所有用户都至关重要。

如果图片未在您的网站上加载,则会显示您的替代文字。 此替代文本有助于告诉用户图像是什么,因此他们可以看到它如何应用于页面的上下文。

对于残障用户,替代文本对于了解您网站上的内容至关重要。 如果某人有视力障碍,他们将看不到您网站上的图像。 您的替代文字为他们提供了上下文,以了解您网站上的视觉效果。

当您向图像添加替代文字时,请确保它描述了图片中的内容。 以下是向图像添加替代文本的一些有用提示:

  • 如果相关,请使用您的目标关键字,但不要用关键字过度填充您的标签
  • 不要让它太简单——说“帽子”而不是“坐在黑色桌子上的红色棒球帽”。
  • 不要使用短语“图像”来描述您的照片 - 只需进入描述!

3.为视频内容添加字幕

检查您的 ADA 合规性清单的下一个项目是为您的视频内容添加字幕。 隐藏式字幕是让残障人士可以访问您网站上的视频的好方法。

YouTube 视频上的视频字幕,显示此人所说的内容

为您的视频启用隐藏式字幕可以让听障人士顺利参与您的视频内容。 这是使您的内容易于消化和可供所有人访问的好方法!

4. 不要使用快速闪烁的灯光或颜色

当您设计您的网站时,您正在寻找一种让您的企业在竞争中脱颖而出的方法。 您可以尝试添加一些风格,例如闪烁的弹出窗口,以使您的网站脱颖而出。 虽然让您的网站焕然一新可能很有趣,但它不符合 ADA 标准。

为了符合 ADA 合规性,您需要删除任何快速闪烁或改变颜色的元素。 这些元素可能对癫痫网站访问者有害,因此最好完全删除这些元素。

5.去除空头标签

此 ADA 合规性网站清单的下一步是删除空标题标签。 标题标签在帮助用户理解页面结构方面起着至关重要的作用。 它们创建信息层次结构,以帮助用户了解信息在您的页面上的组织方式。

关于如何去除地毯污渍的文章的标题

那么,为什么标题标签为空有什么关系呢?

视障读者无法浏览您的内容并了解其结构。 没有视力障碍的人不会看到空的标题标签——它只是一个空白区域。 对于视障读者来说,体验是不一样的。

由于视障阅读器依赖于屏幕阅读器,他们会听到程序说存在标题,但由于它是空的,它不会读取它的内容。 结果,由于页眉为空,读者将无法理解页面的组织结构。

为确保您为所有人创造平等的体验,请删除任何空标题标签或向其添加文本(如果适用)。

6.注意你的颜色对比

检查您的网站符合 ADA 标准的清单的另一个项目是检查您的颜色对比度。 虽然颜色对比似乎没什么大不了的,但它会影响残障人士。

对于视力受损或色盲的人来说,特定的颜色对比可能很难看,甚至很难看。 例如,患有 Protan 色盲(看不到红色)的人会将您的红色和黄色网站视为一种颜色。

那么,这是否意味着您必须更改整个网站和配色方案? 不,这确实意味着您需要更加注意颜色对比以及如何在网站上区分颜色。 你可以做一些简单的事情,比如使用白色来分解你的颜色并创造对比。

此外,您还想考虑如何使用颜色来定义网站上的元素。

因此,例如,如果您有一篇关于注意事项和注意事项的文章,并使用红色和绿色来表示好与坏,您可能需要重新考虑它。 您可能希望添加复选标记和 x 标记等符号来定义注意事项,而不是仅仅依靠颜色。

7. 为您的时间限制添加通知

要添加到您的网站 ADA 兼容清单的另一项是向您网站上的任何时间限制添加通知。 无论是索取报价还是完成结帐,您都可以对网站上的流程设置时间限制,以鼓励人们更快地完成操作。

在 TicketMaster 网站上完成购票倒计时

如果您实施此策略,您需要让访问您网站的其他人可以访问它。 您需要确保在时间不多时添加通知,以便那些使用屏幕阅读器的人会收到通知,告知他们时间不多了。

8. 合理组织您的网站

要添加到您的 ADA 合规性清单中的另一项是按逻辑组织您的网站。 这个提示可能看起来很明显,但它对帮助残障人士导航和了解您网站上的内容具有重大影响。

对于您网站上的任何用户,您希望确保他们可以轻松浏览您的网站并找到他们需要的信息。 这意味着为您的受众创建一个有组织的导航和逻辑页面结构。

创建导航时,请确保以便于人们浏览的方式组织它。 创建类别和子类别以帮助您的导航具有结构。

在您的网站上创建页面时,请确保您具有信息的逻辑层次结构。 使用 H1、H2 等来帮助组织您的信息。 它使使用屏幕阅读器的人更容易关注您的内容。

9. 确保您的网站可以使用键盘导航

我们的 ADA 合规性清单上的下一步是确保您的网站可以使用键盘导航。 许多有听力和视力障碍以及行动不便的人将依靠他们的键盘而不是鼠标来浏览网站。

要提供相同质量的体验,您必须确保人们可以使用键盘轻松浏览您的网站。

您可以通过访问您的网站并使用以下键来移动来测试您的键盘功能:

  • 向上和向下箭头
  • 标签
  • Shift + Tab
  • 空间
  • 进入

如果您可以使用这些键轻松访问网站的不同元素,那么您的网站就很好! 如果没有,您需要进行调整以使其对键盘更友好。

10.使用正确的字体

另一个要添加到 ADA 合规性清单的项目是使用正确的字体。 这个提示不仅仅适用于 ADA——拥有正确的字体可以成就或破坏您的网站。

您不想使用难以阅读的字体。 一些视障访问者仍然可以从网站上阅读信息,但只需将字体放大即可。 如果您的字体过于花哨,这些用户将很难阅读您的页面。

Funko 网站上的字体样式

通常,您需要避免使用您看到的任何“花哨”字体选项或草书字体(谨慎使用草书)。 使用清晰易读的字体。

11. 使用 ARIA 标签

此 ADA 合规性检查表的最后一项是使用可访问的富 Internet 应用程序 (ARIA)。 ARIA 标签可帮助残障人士了解您网站上的不同元素。

例如,如果您有一个弹出框,在角落里有一个 X 来关闭它,那么残障人士可能无法理解该 X 的含义。 ARIA 标签使您能够为功能添加上下文,因此人们可以理解该标签的含义并轻松使用您的网站。

将 ARIA 标签视为标记未标记的元素,如符号。 它有助于提供更多上下文,使您的网站更易于导航和使用。

需要帮助检查您的 ADA 合规性清单上的项目?

在使您的网站可供所有人访问时,您的 ADA 合规性网站清单中有很多内容需要检查。 如果您感到不知所措或不确定从哪里开始,WebFX 可以提供帮助。 凭借超过 25 年的网页设计和开发经验,我们知道构建符合 ADA 标准的网站需要什么。

通过我们的 ADA 合规服务,我们将帮助您优化您的网站,以确保其符合 ADA 标准。 我们将帮助您为所有网站访问者提供出色的体验。

要开始使用,请在线联系我们或立即致电888-601-5359与我们联系,与战略家交谈!