深圳网站建设中的WCAG 2.2的具体要求有哪些?

发布时间:2025-07-11
WCAG 2.2 的要求主要围绕可感知性、可操作性、可理解性和健壮性,旨在满足更多类型用户需求,提高网站可访问性。其具体要求如下:
AA 级成功准则
  1. 1.2.4 字幕(直播):为直播视频提供字幕,确保听障用户能获取视频内容。
  2. 1.2.5 口述影像(预先录制):预先录制的视频应提供口述影像,描述视频中的视觉信息,方便视障用户理解。
  3. 1.3.4 方向:确保内容的呈现不依赖特定方向,如用户无需旋转设备即可正常浏览。
  4. 1.3.5 确定输入目的:明确输入字段的目的,让用户清楚知道需要输入什么内容。
  5. 1.4.3 对比度(最低):文本与其背景之间的颜色对比度应至少达到 4.5:1,对于较大文本(18pt 或 14pt 粗体)和标头,要求为 3:1。
  6. 1.4.4 调整文字大小:文本应能调整到 200% 的大小而不损失内容或功能性。
  7. 1.4.5 文字图像:除装饰性文字外,文字图像应包含可通过文本访问的等效信息。
  8. 1.4.10 重新排列:内容应能在不同布局下合理重新排列,不影响理解。
  9. 1.4.11 非文字对比:非文字元素(如图标、按钮)也应具有足够的对比度,便于用户识别和操作。
  10. 1.4.12 文字间距:应提供足够的文字间距,包括字距、行距等,提升可读性。
  11. 1.4.13 在滑鼠停留位置或焦点上的內容:鼠标停留或元素获得焦点时显示的内容,不应遮挡其他重要信息或操作区域。
  12. 2.4.5 多种途径:应提供多种导航或操作途径,方便用户通过不同方式访问内容。
  13. 2.4.6 标题和标签:使用描述性的标题和标签,帮助用户理解页面结构和元素功能。
  14. 2.4.7 清晰可见的焦点:当元素获得焦点时,应通过明显的方式显示,如变色、加边框等。
  15. 2.4.11 不被遮擋的焦点(最小):焦点元素不应被其他元素遮挡,确保用户能看到焦点位置。
  16. 2.5.7 拖曳動作:如果需要拖曳操作,应提供其他替代方式,或确保拖曳操作易于执行。
  17. 2.5.8 目标大小(最小):交互元素(如按钮)应具有足够的大小,方便用户点击。
  18. 3.1.2 各部分的语言:明确标识页面不同部分的语言,方便使用屏幕阅读器的用户切换语言设置。
  19. 3.2.3 一致的導覽列:导航栏应保持一致,包括位置、样式和操作方式等。
  20. 3.2.4 一致識別:相同功能的元素应使用一致的标识和样式,便于用户识别和操作。
  21. 3.3.3 错误提示:当用户输入错误时,应提供清晰的错误提示,说明问题所在及解决方法。
  22. 3.3.4 错误預防(針對法律、財務、數據資料):对于涉及法律、财务等重要数据的输入,应采取措施防止用户误操作。
  23. 3.3.8 无障碍认证(最小):网站应提供无障碍认证相关信息,方便用户了解其无障碍水平。
  24. 4.1.3 状态訊息:应提供清晰的状态信息,如操作成功或失败的提示,让用户及时了解操作结果。
AAA 级成功准则
  1. 1.2.6 手语(预先录制):预先录制的视频可提供手语翻译,满足听障用户需求。
  2. 1.2.7 补充声音描述(预先录制):除口述影像外,还可提供更详细的声音描述,丰富视障用户体验。
  3. 1.2.8 其他媒体选择(预先录制):为预先录制的内容提供多种媒体格式选择,方便不同设备和需求的用户访问。
  4. 1.2.9 只有声音的档案(直播):直播的纯音频内容应提供文本转录。
  5. 1.3.6 确定用途:进一步明确元素用途,让用户更易理解和操作。
  6. 1.4.6 对比度(增强):文本与背景对比度应达到更高标准,提升可读性。
  7. 1.4.7 低背景声音或无背景声音:对于有音频的内容,应提供低背景声音或可关闭背景声音的选项,避免干扰。
  8. 1.4.8 网页外观:用户应可选择前景和背景颜色,每行字符数应少于 80 个英文字母(或 40 个中文字),且每行保持至少 1.5 倍行距,段落间距为行距的 1.5 倍。
  9. 2.1.3 键盘(任何情况也不例外):所有功能都应能通过键盘操作,且操作流程应合理便捷。
  10. 2.2.3 不设时限:除非必要,不应设置限时操作,若有,应提供延长时间或跳过的选项。
  11. 2.2.4 中止干扰:用户应能中止自动播放的音频、视频或其他干扰性内容。
  12. 2.2.5 重新验证:用户因错误操作导致页面重新加载或验证时,应保留已输入的信息。
  13. 2.3.2 三次闪动:页面元素不应在短时间内闪烁超过三次,防止引发光敏性癫痫。
  14. 2.3.3 互动动画:互动动画应设计合理,避免对用户造成干扰或不适。
  15. 2.4.8 位置:重要元素的位置应具有可预测性,方便用户操作。
  16. 2.4.9 连结的目的(只适用于连结):链接应明确其目的,让用户在点击前能预知结果。
  17. 2.4.12 不被遮挡的焦点(增强):进一步确保焦点元素不被遮挡,即使在复杂布局下也能清晰可见。
  18. 2.4.13 焦点的外观:焦点外观应明显且符合用户习惯,便于用户识别。
  19. 2.5.5 目标大小(增强):交互元素的大小应更大,方便用户操作。
  20. 2.5.6 并行输入方法:支持多种输入方法同时使用,如键盘和鼠标可同时操作某些功能。
  21. 3.1.3 特定用语:对于专业术语或特定用语,应提供解释或说明。
  22. 3.1.4 简略词:使用简略词时,应首次出现时提供全称或解释。
  23. 3.1.5 可读性:文本内容应使用简单易懂的语言,避免复杂句式和生僻词汇。
  24. 3.2.5 操控转换:当操作方式发生转换时,应给予用户明确提示。
  25. 3.3.5 协助:提供帮助信息或引导,方便用户完成操作。
  26. 3.3.6 错误预防(所有):对所有可能的错误输入都应采取预防措施。
  27. 3.3.9 无障碍认证(增强):提供更详细的无障碍认证信息和测试报告等。
Tag标签: 深圳网站定制 深圳建站公司 深圳网站建设 网站优化 网页制作 网站推广 网站建设公司 网站架构 深圳网站制作 深圳网站设计 手机网站建设 深圳网站优化 品牌网站建设 网站建设
相关案例 / related cases
友医
友医|提供持续、高效、可信赖健康服务
上市公司 / 集团公司 / 生物医药 / 健康美容
上海应用物理研究所
上海应用物理研究所|性能检测、质量评定、失效分析
上市公司 / 集团公司 / H5响应式
亲巢网
亲巢网|为中产阶级造幸福之城
行业门户 / 建筑地产 / 商务服务

服务热线

186 7556 7609

功能和特性

价格和优惠

获取内部资料

微信咨询