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对每个组织都易于理解,它的信息被分为三个层次. 这样组织就可以围绕指导方针工作并创造 无障碍网页开发 每个人的资产. 这些级别是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, 或者是专业术语.
  9. 闪烁的内容块是不可取的.
  10. 不应该对用户施加时间限制. 他们应该能够以自己喜欢的方式浏览网站.
  11. 网页上文字的阅读水平不应该太高.

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

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

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

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

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

无障碍网页解决方案

下载WCAG 2.0, 2.1 and 2.2 .核对清单 了解其细节上的差异 & 使您的数字资产符合最新的WCAG标准.

是你的网站吗, web应用程序, documents, 移动应用程序为残疾人访问? 拥有一支专家团队,我们提供完整的服务 ADA网页无障碍服务 其中包括审计, strategy, design, 并开发符合无障碍法规(如ADA)的服务, WCAG 2.0, 2.1, 2.在你的预算范围内. 与我们联系 (电子邮件保护) 或提交以下要求免费报价表格.

Website
3048