什么是网站符合 ADA 的初学者指南?

已发表: 2021-06-23
帮助您选择最适合您业务的电子商务平台的完整指南
2022 年提高 WordPress 安全性的 24 大技巧
如何聘请 Web 开发人员? 雇用最好的人的详细指南。

内容索引

  • 网站 ADA 合规性介绍
  • 了解基础 - 什么是 ADA 合规性?
  • 谁应该遵守 ADA 合规性?
  • 为什么要关注 ADA 合规网站?
  • 使您的网站符合 ADA 的提示和技巧
    • 1. 处理令人愉悦的对比度
    • 2.不要玩太多颜色
    • 3.制作可读的表格
    • 4. 留出修正空间
    • 5. 提供无鼠标选项
    • 6. 轻松导航
    • 7.寻找有意义的标题
    • 8.响应式网站设计
    • 9. 消费媒体的选项
    • 10. 更好的用户控制
  • 关于网站上 ADA 合规性的结论

网站 ADA 合规性介绍

美国残疾人法案是在网络时代之前设计的,其设计者有意将其设计为不断发展。 “场所或公共场所”的概念可能是法律的核心要素,也是其灵活性的一个理想例子。 随着技术的发展,我们今天发现网站和移动应用程序是购买、学习、分享和联系的重要场所,因此受到 ADA 的保护。 但许多人不清楚具体的标准和要求或什么是符合 ADA 的网站。

网站 ADA 合规性的通过带来了一个替代法律行业,该行业使用法院系统对企业负责。 其中许多法律行为是合法的。 早期的法律非常复杂,律师很容易赚钱。 如今,这种情况越来越普遍,因为指控网站或移动应用程序或网站违反 ADA 的法律诉讼已席卷美国以及世界各地。

事实是,这些案件有其优点。 在过去的两年里,犹他州残疾人中间的 WebAIM 项目已经对数百万个顶级网站的主页进行了可访问性测试。 2020 年报告显示,98.1% 的主页存在可检测到的 WCAG 2 故障或没有 ADA 合规性网站。 事实是,除非一个网站是专门设计和建造的,以实现可访问性,否则它就不是 ADA 合规性网站设计,因此人们越来越意识到数字可访问性是一项公民权利,这给网站所有者带来了更大的压力。这些问题,或面临法律诉讼。 虽然网站所有者自愿在网站上进行 ada 合规性可能会很好。

ADA 合规性网站设计除了帮助您避免任何法律诉讼外,还为企业带来了许多好处。 ADA 合规网站在许多方面为您的用户提供热情款待。 让我们看看网站上 ADA 合规性的这些好处。

  • 美国残疾人法案 (ADA) 要求某些企业为残疾人提供便利。盲人用户、聋人用户和必须通过语音、屏幕阅读器或其他辅助技术导航的人应该可以访问该网页。

  • 属于第一类的企业,每年经营 20 周或更多周且至少有 15 名全职员工的人; 或标题 III,属于“公共场所”类别的人属于 ADA 的范围。

  • 未能建立符合 ADA 标准的网站可能会引发诉讼、财务责任并损害其品牌声誉。

但是,如果您只是问网站的 ada 合规性是什么,它看起来特别像什么吗? 好吧,在这种情况下,答案是否定的,因为没有明确的规定,但简单来说,您的网站应该是可以合理访问的,并且有很多方法可以实现它。

了解基础 - 什么是 ADA 合规性?

1990 年通过的 ADA 禁止歧视残疾人,确保他们需要与非残疾人同等的权利和机会。 该法案涵盖所有部门,从工作和学校到交通运输和欢迎公众的公共/私人场所。

2010 年,美国司法部通过了《美国残疾人法案无障碍设计标准》,规定所有电子和知识技术(如网站)都可供视力障碍和耳聋等残疾人使用

当您阅读什么是 ada 合规性网站时,您可能会多次遇到一个常见的术语,那就是 WCAG。 让我们快速了解这个术语的基础知识。 WCAG 代表 Web 内容可访问性指南。

谁应该遵守 ADA 合规性?

首先要了解 ADA 是哪些企业需要遵守它。

根据 ADA 的标题 I ,任何拥有至少 15 名全职员工且每年运营 20 周或更长时间的企业均受法律保护。

根据标题 III ,属于“公共住宿”类别的企业,如酒店、银行和公共交通,也必须遵守。这意味着法律的所有内容都适用,从物理考虑到数字住宿。

如果您的企业属于 ADA 的 Title I 或 Title III,并且您认为自己不合规,请咨询残疾律师以探索您的选择。

为什么要关注 ADA 合规网站?

网站 ADA 合规性有时可能具有挑战性,这可能会导致资源流失,尤其是对于法律不要求遵守的企业而言。 改造您的网站需要时间和精力,以及大量资金。 但是有什么好处吗? 肯定有; 让我们来看看这些好处:

这是一个法律问题!

无法访问的网站肯定会减少访问您网站的人数。 几乎 19% 的人口是大量被排除在外的人,而无需考虑网站的 ada 合规性!

最严重的财务破坏性后果之一是被起诉的风险。 其他几个品牌在被起诉后不得不花费数千美元来修复他们的网站——这还不包括代表的价值、支出和来自公众心烦意乱的收入损失。

增加您网站的每日流量

美国有近 5000 万人患有残疾,许多人使用辅助技术来访问在线内容。 拥有一个所有人都可以访问和体验的互联网站点会增加您的潜在受众。 通过替代文本、字幕、键盘可访问的页面和其他更改,您的产品和服务变得对这些受众好客。 如果有人无法访问您的在线平台,他们就无法进行销售。 因此,从商业角度来看,可访问性意味着更多的潜在利润。

ADA合规性网站设计有助于品牌建设

品牌是您业务的生计,因为人们爱上了品牌,而不仅仅是产品或服务。 良好的品牌塑造让我们一次又一次地回到同等公司——即使它们不是最具成本效益的选择。 那些在实现可访问性方面付出更多努力的品牌,即使他们没有被要求,也向他们的观众展示他们关心人,而不仅仅是利润。 对您的受众的承诺会说明您的品牌以及您作为公司所持有的价值观,这可能有助于加强与客户的联系。

ADA 合规性网站设计增加了 SEO 的好处

谁不想看到他们的网站在搜索引擎的顶部排名! 好吧,网站上的 ADA 合规性肯定会改变游戏规则,因为它可以让您的网站吸引更多流量。 您瞄准一个并免费获得另一个好处!

这是因为合规性支持对 SEO 友好的组件,例如图像的替代文本、视频和音频的副本、​​正确的标题标签以及一致且可预测的结构。 您的替代文本越准确和描述性越强,它对屏幕阅读器和搜索引擎的效果就越好。 成绩单使搜索引擎信息滚动,这意味着他们需要更多的关键字来计算。 同样,您的标题越精确,搜索引擎和其他人的排名就越高。 可访问性不仅有利于您的底线,还有助于增加流量。

使您的网站符合 ADA 的提示和技巧

什么是网站的 ADA 合规性? 如何实现网站 ADA 合规性? 让我们为这些问题找到一些快速解决方案,这些问题可以从整体上为您的业务和增长增加网站开发:

1. 处理令人愉悦的对比度

WCAG 2.0 建议对比度至少为 4.5:1。 对于视障人士来说,阅读没有对比背景、纯背景甚至文本嵌入图像中的文本变得具有挑战性。 例如,当我们观看带字幕的电影时,它们会在没有预料到场景的情况下出现,因此有时会变得难以阅读。 例如,如果文本出现在明亮的场景前,它就会变得不可读,观众就会不知道对话。

为了避免这种混淆,需要在背景和文本之间具有适当的对比度。

2.不要玩太多颜色

你能读懂这个词吗? 好吧,不是我们每个人都能做到!

好吧,颜色对您的网站有好处,但明智地使用它们同样重要。 好吧,那些不能辨别颜色的人可能无法按照说明进行操作,如果说明是基于某些颜色或颜色代码的。 颜色限制设计不是 ADA 合规网站。 换句话说,不可能以颜色的形式提供足够的信息,当我们谈论什么是网站的 ada 合规性时,它被认为不够可访问。 因此,要寻找符合 ADA 的网站的答案,需要超越颜色并使用可访问的符合 ADA 的网站设计策略来帮助用户识别网站元素。

3.制作可读的表格

一个好的网站的目的是通过让他们填写查询表格来进行销售。

这不是一个很好的表单示例,所有表单字段的描述性标签都不清楚。

而是在此图像中,字段清晰易读。 放置在表单域中的标签很难阅读,屏幕阅读器可能会在填写表单时错过它们。 在大多数情况下,有认知障碍的用户可能会忘记表单域的意图。

4. 留出修正空间

人非圣贤孰能! 我们都会犯错,我们的用户也是如此。 从用户的角度来看,当他们在与您的网站交互时出错时,如果没有改进的余地,就会变得令人沮丧。 网站上需要有一条规定,以确保用户可以在需要时在网站上更正错误和遗漏。 此外,需要通过一些信息、符号和颜色来警告此类错误,但请记住不要只用颜色。 这些错误可能是错误输入的电子邮件地址,也可能是用户输入的不完整。 为了显示不完整的字段,可以使用星号,以便用户知道这些字段是必须填写的。 除此之外,重要的是帮助用户在错误位置获得所需的反馈。 填写这些字段的说明应该是明确的,这样错误不仅会得到纠正,而且不会一次又一次地犯错。 这有助于与访问者建立有价值的联系并将他们转化为销售,或者引导他们以某种形式进行互动,比如评论、订阅时事通讯等等。

5. 提供无鼠标选项

许多人可能不知道除了鼠标之外,键盘还提供网页导航选项。 为了使您的用户可以轻松访问键盘导航,链接必须以某种不同的颜色和激活状态的设计变化来表示:鼠标悬停、键盘焦点样式以及触摸或单击样式。 使用键盘 Tab 键,用户快速识别哪个链接处于活动状态以及在采取特定操作时链接发生的情况非常重要。 在用户移动受限的情况下,键盘导航可能非常有用。 一些行动不便的此类用户可能是中风患者。 除了任何健康情况外,还可能存在其他问题,例如出院的鼠标或任何其他类似情况。 这些情况需要键盘导航。

6. 轻松导航

无论是在公路旅行中,还是在机场四处走动时,无论是关于方向、限速、警告,甚至是停车,始终如一的指示牌都能帮助我们。 如果没有这样的指南,我们可能找不到任何可以访问的旅程。 网站导航也是如此,从一个部分到达另一个部分,可以有多种导航方式。 但是,有些方法可能比其他方法更容易且耗时更少。 还有一致导航的作用和必要性,例如站点搜索和站点地图,以确保您的标签、样式和位置是一致的。 当涉及到符合 ada 标准的网站导航时,清晰的标题和面包屑是其他一些重要的帮助或指南。 对于有任何认知或神经挑战的用户,这些一致的设计元素可以避免他们迷失或沮丧,并在增强他们的用户体验方面发挥重要作用。

7.寻找有意义的标题

良好的设计会引导用户的眼睛确认您的数据层次结构。 帮助他们了解标题与您的文本、图形和图片之间的联系。 考虑到患有 ADHD 等认知状况的用户可能难以浏览未清晰直接呈现的内容。 除此之外,许多用户时间紧迫,并且可以尽快放弃尝试解决任何呈现不佳的内容。 对标题样式、空白和元素位置的专业使用减少了混乱,使内容更易于访问。 转化为美元的大量时间和精力用于创建内容。 高效的设计使您的客户更容易阅读并根据您的宝贵信息采取行动。

8.响应式网站设计

移动优化的内容和网站受到 Google 的高度重视; 但是,这并不意味着您不需要关注您的桌面或其他平台。 对于移动设备或其他设备等狭窄视图,主要内容应构造为一列或两列,次要内容可以通过图标和链接呈现。 相反,桌面提供了通过链接和可见导航在多列中呈现信息的机会。 需要优化此视图中的文本行宽和字体大小以获得最大的可读性。 有认知或视觉障碍的用户可能无法完成对一长串正文的跟踪。 有了对什么是符合 ADA 标准的网站的了解,这些简单的响应式网站设计可以清晰快速地传达信息以帮助用户。

9. 消费媒体的选项

当我们谈论什么是 ADA 合规网站时,对于许多用户来说,内容可以采用多种格式。 它有助于各种残障人士平等获取信息。 例如,复杂图形的音频和文本版本的转录有助于使内容对有听力或视力障碍的用户更具吸引力。 如果您已经在致力于内容多样性,那就太好了! 但是,如果没有,请务必了解需要关注的方式和内容。 此外,通过向用户提供一些链接,可以更轻松地访问此类内容。 这些链接可以是音频转录本、视频的音频描述版本,以及复杂设计或表格的标题或文本解释,这些应该很容易找到等等。

10. 更好的用户控制

什么是符合 ADA 标准的网站的答案在于,如果认知受限的用户无法理解这些令人惊叹的轮播或图像滑块,它们就不够令人惊叹。 当涉及到什么是 ADA 合规性网站或涉及到向用户提供信息的速度时,您的视频上的自动播放功能可能很昂贵但没有用。 用户可能需要重新开始视频,而不是仅仅播放下一个,或者甚至希望再次看到某个部分,为此他们可能会返回、查看或倒带。 无论该站点是否具有自动播放音频和视频或轮播功能,都可以让用户控制重播、前进和暂停网页上的任何媒体。

关于网站上 ADA 合规性的结论

网站 ADA 合规性无疑是大多数企业的待办事项清单上最重要的任务之一。 这种易于应用的提示和技巧不仅可以帮助您的用户,而且从长远来看也对您的业务有意义,无论是通过增加流量还是更好的 SEO 排名。 此外,当您只专注于您的 SEO 时,您可能会满足大多数 ADA 标准。 现在,您可以简单地分析您的网站以了解本博客中提到的要点,并列出一个列表,该列表可以为您的数字存在增添更多意义,并使您的网站符合 ADA。 建立一个符合 ADA 标准的网站可能有点挑战和耗时。 但这将是值得的。

您正在从事 ADA 合规性网站设计吗? 或者您是否已经拥有符合 ADA 的网站? 您一直面临哪些挑战?

让我们在下面的评论部分进行讨论,或者您甚至可以致电或发送电子邮件。 我们的团队很乐意为您提供帮助!