Skip to content

无障碍设计规范(A11Y)

基础要求

  • 所有图片提供有意义的 alt 文本;纯装饰图使用 alt=""
  • 文字与背景颜色对比度:正文 ≥ 4.5:1,大字 / UI 元素 ≥ 3:1
  • 不能仅靠颜色传递信息,需配合文字或图标
  • 所有交互功能支持键盘操作(Tab / Shift+Tab / Enter / Space / Escape)

焦点管理

  • 自定义可交互组件必须可聚焦(tabIndex="0"
  • 焦点顺序遵循视觉阅读顺序
  • 模态框打开时焦点陷阱在弹层内;关闭后焦点还原到触发元素
  • 页面提供"跳过主导航"快捷链接

键盘快捷键参考

操作按键
移动焦点Tab / Shift+Tab
激活按钮 / 链接Enter / Space
关闭弹框Escape
列表 / 菜单导航Arrow Keys

Power By 数字海南