Web内容可访问性指南(WCAG)是一套使每个人都更容易访问Web的规则. 它是由万维网联盟(W3C)发布的，目的是使创建网站的人可以很容易地使用这些规则.
这些最佳实践提高了您网站的质量，使其不仅对残疾人而且对所有人都可访问和使用.
WCAG发布了不同版本或级别的规则，以便为所有用户提供完全可访问的解决方案. 这种遵从性的三个级别是A、AA和AAA. 这些级别是不同的，但您需要仔细了解它们. 这些层次旨在提高网站的灵活性和质量. 即使是复杂的设计也可以使用这些级别来维护遵从性规则.
这三个一致性级别是网站成功的决定性因素. 此外，它们也会从根本上影响设计. 层次越高，对设计的影响越大. 他们在你的网站设计中留下了他们的印象.
让我们了解更多 WCAG合规等级A、AA、AAA:
WCAG的一致性水平
- Level A – It is the minimum level. 一个网站应该至少有A级的指导方针，以成为可访问的.
- Level AA – 这是一个演进的级别，包括A级的要求和AA级的附加指南. 许多组织试图至少达到这个级别，以便每个人都可以访问.
- Level AAA – 这是一个更高的层次. 它有A级、AA级和AAA级要求. 使用此级别从头开始创建的新网站可以完全访问.
A级、AA级和AAA级的差异
为了使WCAG对每个组织都易于理解，它的信息被分为三个层次. 这样组织就可以围绕指导方针工作并创造 无障碍网页开发 assets for everyone. 这些级别是A(最低一致性)、AA和AAA(最高一致性)。.
每个级别都不同，但人们可能会感到困惑. 为了让它们更清晰，我们尝试着更直接地设计关卡. Let’s have a look at them.
Level A
这是每个网站的最小合规选项. 这一层次的重点是组织在创建网站时所犯的主要错误，这些错误使某些残疾人士无法访问网站.
组织应该遵循的A级准则:
- 图像的所有文本是强制性的.
- 用于预先录制的纯音频或纯视频媒体, 提供一个描述性的文字记录，使其易于理解.
- 标题应该适当地嵌套.
- ARIA标签应该在特定的地方，使它们可识别.
- Don’t use div and span; rather, use real elements like links and buttons.
- 内容应该以有意义的方式呈现.
- 内容不应该仅仅基于形状、大小、颜色、声音或其他感官特征.
- 如果文字、背景或链接使用颜色，则在文本中提供其信息.
- 避免在自动播放的内容中包含音频或视频.
- 确保用户也可以只使用键盘浏览内容.
- 应该有暂停，停止，隐藏移动元素，如视频和动画.
- 不要使用这种在一秒钟内闪烁超过三次的元素.
- 不要提供不相关的链接.
- 在表单字段中提供描述性标签，或者使用aria - description - by在表单中包含帮助文本.
Level AA
这是最常见和可接受的水平. 许多网站的目标是达到AA级，以符合WCAG和ADA的要求. In this level, 网站符合A级中提到的所有要求以及该级别的附加要求.
- 现场音频和视频需要字幕. 此外，视频应该包括旁白，以更好地达到目的.
- 设备方向不应该是内容的问题. 它应该在所有设备上以水平和垂直形式可用.
- 文本的颜色对比度为4.5:1，文本和图像3:1，文本大小应至少为16px.
- 悬停或聚焦的内容应该充分显示，不应该与其他内容重叠.
- 网站应该包含这些内容中的任何一个——目录、站点地图或相关页面的列表.
- 每页的标题和标签应该是唯一的.
- 键盘焦点应该高度可见, 如果使用键盘，可视元素应该一直聚焦.
- 网页上的相同组件应该以一致的顺序出现.
- 传递状态信息, 使用ARIA实时区域或ARIA警报，使其易于屏幕阅读器理解.
- 网页表单应该有准确的标签和导航.
Level AAA
这是高级可访问性一致性. 为了达到这个水平，一个 ADA网站设计 应该用所有的技术考虑和健壮的工具来创建吗. 您应该拥有满足这一级别期望的所有重要资源. 它有前面提到的所有(A级和AA级)指导方针和许多额外的规定.
- 流媒体应该有手语翻译和准确的音频描述.
- 尽量避免在网站上加入背景音频.
- 文字和图片的文字色彩对比应达到7:1.
- 超链接应该能够自我识别到目的地.
- 章节标题应该以更具体的方式呈现内容.
- 网站上的每一个操作都可以只用键盘来完成.
- 应该在网站上提供颜色切换器和文本大小调整器.
- 一个同义词典是需要在网站给缩写的意义, idioms, unusual words, or technical terms.
- 闪烁的内容块是不可取的.
- 不应该对用户施加时间限制. 他们应该能够以自己喜欢的方式浏览网站.
- 网页上文字的阅读水平不应该太高.
Read WCAG 2.1快速参考文档 有关这些指引的详细资料.
WCAG合规级别可改善您的内容!
这些级别有助于提高网站的整体质量. 最终，你会从搜索引擎优化和更高的留存率和转化率中获益. 实现可访问性目标, 您应该应用指导方针并进行适当的测试来检查结果.
However, WCAG是灵活的，适用于各种情况, 然而，在应用这些规则时，你应该小心，以免犯错误. 有了法律许可，你的网站就可以被更多的人访问. 它将帮助你的事业成长和腾飞.
此外，还探讨了WCAG 2与WCAG 2的区别.0, 2.1, and 2.2 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.在你的预算范围内. Get in touch with us at [email protected] 或提交以下要求免费报价表格.
