Skip to content
数智效能平台
搜索文档、工具、教程...
K
Main Navigation
成效总览
产品
工具
办公提效
脚手架
前端脚手架
后端脚手架
编程提效
方法论
Skills
Agents
组件库
菜单
回到顶部
返回
dh-ui-accessibility
UI 与体验
正在获取安装数据
Web 无障碍访问(A11Y)最佳实践与合规要求
概述
无障碍设计规范(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