WCAG合规等级A、AA和AAA之间有什么区别?

By: 天网科技美国有限责任公司
Feb 16, 22
Dec 26, 23
WCAG合规级别

Web内容可访问性指南(WCAG)是一套使每个人都更容易访问Web的规则. 它是由万维网联盟(W3C)发布的,目的是使创建网站的人可以很容易地使用这些规则.

这些最佳实践提高了您网站的质量,使其不仅对残疾人而且对所有人都可访问和使用.

WCAG发布了不同版本或级别的规则,以便为所有用户提供完全可访问的解决方案. 这种遵从性的三个级别是A、AA和AAA. 这些级别是不同的,但您需要仔细了解它们. 这些层次旨在提高网站的灵活性和质量. 即使是复杂的设计也可以使用这些级别来维护遵从性规则.

这三个一致性级别是网站成功的决定性因素. 此外,它们也会从根本上影响设计. 层次越高,对设计的影响越大. 他们在你的网站设计中留下了他们的印象.

让我们了解更多 WCAG合规等级A、AA、AAA:

WCAG的一致性水平

  • Level A – 这是最低水平. 一个网站应该至少有A级的指导方针,以成为可访问的.
  • Level AA – 这是一个演进的级别,包括A级的要求和AA级的附加指南. 许多组织试图至少达到这个级别,以便每个人都可以访问.
  • Level AAA – 这是一个更高的层次. 它有A级、AA级和AAA级要求. 使用此级别从头开始创建的新网站可以完全访问.

A级、AA级和AAA级的差异

为了使WCAG对每个组织都易于理解,它的信息被分为三个层次. 这样组织就可以围绕指导方针工作并创造 无障碍网页开发 assets for everyone. 这些级别是A(最低一致性)、AA和AAA(最高一致性)。.

每个级别都不同,但人们可能会感到困惑. 为了让它们更清晰,我们尝试着更直接地设计关卡. 让我们来看看.

Level A

这是每个网站的最小合规选项. 这一层次的重点是组织在创建网站时所犯的主要错误,这些错误使某些残疾人士无法访问网站.

组织应该遵循的A级准则:

  1. 图像的所有文本是强制性的.
  2. 用于预先录制的纯音频或纯视频媒体, 提供一个描述性的文字记录,使其易于理解.
  3. 标题应该适当地嵌套.
  4. ARIA标签应该在特定的地方,使它们可识别.
  5. Don’t use div and span; rather, use real elements like links and buttons.
  6. 内容应该以有意义的方式呈现.
  7. 内容不应该仅仅基于形状、大小、颜色、声音或其他感官特征.
  8. 如果文字、背景或链接使用颜色,则在文本中提供其信息.
  9. 避免在自动播放的内容中包含音频或视频.
  10. 确保用户也可以只使用键盘浏览内容.
  11. 应该有暂停,停止,隐藏移动元素,如视频和动画.
  12. 不要使用这种在一秒钟内闪烁超过三次的元素.
  13. 不要提供不相关的链接.
  14. 在表单字段中提供描述性标签,或者使用aria - description - by在表单中包含帮助文本.

Level AA

这是最常见和可接受的水平. 许多网站的目标是达到AA级,以符合WCAG和ADA的要求. In this level, 网站符合A级中提到的所有要求以及该级别的附加要求.

  1. 现场音频和视频需要字幕. 此外,视频应该包括旁白,以更好地达到目的.
  2. 设备方向不应该是内容的问题. 它应该在所有设备上以水平和垂直形式可用.
  3. 文本的颜色对比度为4.5:1,文本和图像3:1,文本大小应至少为16px.
  4. 悬停或聚焦的内容应该充分显示,不应该与其他内容重叠.
  5. 网站应该包含这些内容中的任何一个——目录、站点地图或相关页面的列表.
  6. 每页的标题和标签应该是唯一的.
  7. 键盘焦点应该高度可见, 如果使用键盘,可视元素应该一直聚焦.
  8. 网页上的相同组件应该以一致的顺序出现.
  9. 传递状态信息, 使用ARIA实时区域或ARIA警报,使其易于屏幕阅读器理解.
  10. 网页表单应该有准确的标签和导航.

Level AAA

这是高级可访问性一致性. 为了达到这个水平,一个 ADA网站设计 应该用所有的技术考虑和健壮的工具来创建吗. 您应该拥有满足这一级别期望的所有重要资源. 它有前面提到的所有(A级和AA级)指导方针和许多额外的规定.

  1. 流媒体应该有手语翻译和准确的音频描述.
  2. 尽量避免在网站上加入背景音频.
  3. 文字和图片的文字色彩对比应达到7:1.
  4. 超链接应该能够自我识别到目的地.
  5. 章节标题应该以更具体的方式呈现内容.
  6. 网站上的每一个操作都可以只用键盘来完成.
  7. 应该在网站上提供颜色切换器和文本大小调整器.
  8. 一个同义词典是需要在网站给缩写的意义, idioms, unusual words, or technical terms.
  9. 闪烁的内容块是不可取的.
  10. 不应该对用户施加时间限制. 他们应该能够以自己喜欢的方式浏览网站.
  11. 网页上文字的阅读水平不应该太高.

Read WCAG 2.1快速参考文档 有关这些指引的详细资料.

WCAG合规级别可改善您的内容!

这些级别有助于提高网站的整体质量. 最终,你会从搜索引擎优化和更高的留存率和转化率中获益. 实现可访问性目标, 您应该应用指导方针并进行适当的测试来检查结果.

However, WCAG是灵活的,适用于各种情况, 然而,在应用这些规则时,你应该小心,以免犯错误. 有了法律许可,你的网站就可以被更多的人访问. 它将帮助你的事业成长和腾飞.

此外,还探讨了WCAG 2与WCAG 2的区别.0 and 2.1 checklist:

无障碍网页解决方案

Download WCAG 2.0, 2.1 and 2.2 checklist now 了解其细节上的差异 & 使您的数字资产符合最新的WCAG标准.

Is your website, web application, documents, 移动应用程序为残疾人访问? 拥有一支专家团队,我们提供完整的服务 ADA网页无障碍服务 including audit, strategy, design, 并开发符合无障碍法规(如ADA)的服务, WCAG 2.0, 2.1, 2.在你的预算范围内. 与我们联系 [email protected] 或提交以下要求免费报价表格.

Website
3003