网络无障碍建设指南

发布日期
2015-01-01
作者
阿里巴巴信息无障碍小组、信息无障碍研究院
格式
PDF

内容摘要

由阿里巴巴信息无障碍小组和信息无障碍研究院于2015年共同维护发布的实践指南，是中国互联网无障碍建设领域的重要参考文档。

文档以实用为导向，聚焦互联网产品开发中最重要且常见的三大类无障碍问题，分为PC端和移动端两大部分，每类问题均以"背景介绍→用户问题及现状→最佳实践→本章问答"的案例教学方式展开。

PC端部分涵盖四大主题：图片障碍（非装饰性图片缺少替代文本、图片链接缺少目的文本、图片按钮控件类型朗读不正确、键盘焦点缺失等，提供alt/title/role/tabindex属性的标准化解决方案）、验证码障碍（单一视觉感知方式阻塞视障用户，推荐短信和语音验证码替代方案）、浮层/弹窗障碍（焦点无法移入浮层、关闭按钮不可操作，利用WAI-ARIA标准的role/aria-label/aria-labelledby/aria-hidden属性解决）、表单障碍（label未关联表单项，推荐for属性和aria-labelledby方案）。

核心观点

  • 以"背景→问题→最佳实践→问答"案例教学方式覆盖PC和移动端核心无障碍问题
  • alt属性是图片无障碍的基础，role/tabindex/aria-*是自定义控件的关键补充
  • 验证码需提供多感官替代方案（语音+短信），纯视觉验证码阻塞视障用户
  • WAI-ARIA标准（role/aria-label/aria-labelledby/aria-hidden）是富交互无障碍的基础
  • iOS的UIAccessibilityElements和Android的contentDescription是移动端无障碍的核心API

完整目录

  • 前言（互联网无障碍背景与WCAG 2.0标准引入）
  • 无障碍案例-PC
  • 图片（替代文本缺失、链接/按钮目的文本、键盘响应、控件类型、焦点）
  • 验证码（感知方式单一、无法键盘输入、最佳实践）
  • 浮层（感知不到浮层、无法操作、WAI-ARIA方案）
  • 表单（label未关联、for属性与aria-labelledby方案）
  • 其它类型（菜单、嵌入对象、进度条、视频、轮播等）
  • 无障碍案例-Mobile
下载完整 PDF