如何遵循 ADA 和 WCAG 合规性标准，让所有人都能获得您的点击后体验

在创建点击后登录页面时，有多少广告商会考虑网络可访问性？

如果这是您第一次考虑可访问性，很可能您已经失去了转换。 事实上，五分之一的在线用户需要适应才能使用网页。 CDC 和癫痫基金会的这些统计数据强调了每个人都可以访问点击后登录页面的必要性：

确保您的点击后页面符合 ADA 和 WCAG 标准是确保每个人都可以访问的方法。

在今天的帖子中，我们探讨了 ADA 和 WCAG 合规性意味着什么，以及为什么广告商在其页面上实施这些可访问性标准很重要。

在线 ADA 合规性意味着什么？

美国残疾人法案 (ADA) 于 1990 年制定，旨在结束基于不同能力的歧视。 满足合规性的具体要求往往有点模糊和混乱，因为 ADA 没有明确解决在线合规性问题。

但是，您可以参考构建和维护可访问网站的最全面指南 — W3C 发布的 Web 内容可访问性指南 (WCAG)。

什么是WCAG？

WCAG 是确保具有不同听觉、运动、视觉和认知能力的人可以访问每个网页的指南。

Web 可访问性包括制作网站、工具和技术，以便残障人士可以使用它们。 更具体地说，访问者可以感知、理解、导航和与页面交互并对页面做出贡献。

WCAG 有三个版本：

• WCAG 1.0 起草于 1999 年
• WCAG 2.0 于 2008 年发布
• WCAG 2.1 创建于 2018 年 6 月

2.1 版包括 17 个新的成功标准（更多内容见下文），根据 WCAG 指南，可访问性问题被分为四个不同的组。 这些问题可以用 POUR 的缩写来概括：

• 可感知：所有用户都能感知到页面上的内容吗？
• 可操作：所有用户都可以与页面交互吗？
• 可理解：所有用户都能理解页面上的内容吗？
• 健壮：内容是否可以被各种程序和设备（包括屏幕阅读器）解读？

WCAG 指南将可访问性问题和建议分为三个级别：

• A 级：这是最紧急的级别，包括可能严重限制残疾访问者导航或使用页面能力的问题。
• AA级：该级别被认为是大多数商业网站的标准。 它解决了需要改进的领域，以便为残疾用户提供完整的网页体验。
• AAA 级：这是最高标准，它包括对 A 级和 AAA 级都解决的问题的微调。 但是，大多数网页可能无法达到 AAA 合规性。

如何使您的点击后登录页面可访问

以下九种方法可以确保您的点击后页面符合可访问性标准：

1. 使您的页面键盘友好：即使没有鼠标，访问者也应该能够浏览您的点击后页面，只需使用键盘的“Tab”键即可。 这样做可以帮助使用辅助技术的受众浏览和滚动页面并单击 CTA 按钮。

2. 使所有内容都可访问：许多点击后页面使用动态内容——根据预定标签更改的内容。 如果页面没有将更改通知辅助工具，这可能会成为一个问题，因为许多屏幕阅读器只会“读取”首次加载时出现的页面内容。 使用动态内容时，请确保将动态内容标记为活动区域，这使屏幕阅读器和类似设备能够在内容发生变化时理解内容。

3. 在所有图像中包含替代文本：向图像添加替代文本可确保文本在无法加载、描述和提供有关图像的上下文时显示为图像的替代。

4. 为页面添加对比度：这是确保副本和所有页面元素从背景中脱颖而出并且对有视觉障碍的用户可见的必要步骤。 理想情况下，您应该为浅色设置深色，确保它们不会相互融合：

5. 使用标题来构建内容： H1、H2 和 H3 有助于构建您的副本并使用户易于理解。

6. 标记表单域：确认页面上的每个表单域都被清楚地标记，因为这允许使用屏幕阅读器的用户了解他们如何填写表单。 Amplitude 页面具有带标签的表单字段：

7. 创建响应式页面：无论屏幕大小如何，响应式页面都可以在任何设备上重新格式化和重构。 这些页面可以从手机、平板电脑和小型笔记本电脑的小屏幕扩展到标准桌面屏幕甚至更大的宽屏显示器——同时为所有设备上的用户提供灵活性和出色的可用性。

8. 避免自动播放媒体和滑块：自动播放视频会让使用屏幕阅读器的用户感到沮丧，因为很难将它们静音或暂停。 同样，滑块和轮播也会导致用户在理解上出现问题。

9. 创建可访问的副本：远离首字母缩略词和技术术语，以便所有用户都了解您提供的内容。

如何检查您的页面是否符合 ADA 和 WCAG

许多在线资源允许您检查您的页面是否合规。 所需要做的就是输入 URL 和您的电子邮件地址。

互联网无障碍局

BOIA 允许广告商检查他们的页面是否符合可访问性标准：

视听

AudioEye 免费扫描您的页面并查看它在可访问性方面的表现：

网站改进

Siteimprove 检查您页面的可访问性并提供符合 WCAG 标准的自动化测试：

您还可以下载以下 Chrome 扩展程序来检查可访问性。

波浪评估工具

Wave 评估工具通过将图标和指示器注入您的页面来提供有关您的 Web 内容可访问性的视觉反馈。 它促进了人工评估并就可访问性问题进行了教育。 该工具提供了许多问题、结构元素、对比错误、警报和替代文本的详细信息：

用户方式

广告商可以下载 UserWay 小部件来评估页面可访问性解决方案，而无需重构现有代码——确保全面的法律和监管合规框架涵盖 ADA、第 508 节和 WCAG 2.1 AA。

该小部件可用于所有领先的 CMS 平台以及纯 HTML/CSS/JS 站点。 该工具提供了关键的辅助功能和广泛的功能选择，用户可以混合搭配以满足其个人的辅助功能需求：

Round Table Pizza 具有 UserWay 小部件以确保可访问性。 首先，使用阅读指南，然后反转屏幕上的颜色：

ChromeVox

ChromeVox 是一款屏幕阅读器，可为有视力障碍的用户带来 Chromebook 的速度、简单性和安全性。 ChromeVox 预装在 Chromebook 上，但可以作为扩展程序下载。

该扩展突出显示每个页面部分并为用户朗读：

您可以在 Instapage 中执行哪些操作来满足合规性

Instapage 建议并促进所有用户遵守网站可访问性标准并创建适合所有受众的页面。 这包括：

• 为用户提供一种向所有页面图像添加图像替代文本的简单方法
• 使页面键盘可访问
• 允许屏幕阅读器识别所有表单输入和提交按钮
• 添加适当的 HTML 标签
• 通过向支持团队提交请求，将语言属性添加到页面

使用lang属性建立页面语言是 WCAG 的要求，这样做对用户有两个好处：

1. 允许 Google Chrome 等翻译服务正常运行
2. 该属性告诉屏幕阅读器如何正确发音页面内容

让每个人都可以访问您的点击后页面

为了保证访问您的点击后页面的所有用户都有平等的转换机会，重要的是每个人都可以访问这些页面。

要探索有关大规模创建可访问的个性化点击后登录页面的更多信息，请立即申请 Instapage Enterprise 演示。