Tab 键顺序自动遵循图层面板(Layers Panel)的层级结构
按 HTML 渲染顺序遍历以下可聚焦元素:
链接 (<a>
)
按钮 (<button>
)
表单输入框 (<input>
, <textarea>
)
其他具有 tabindex="0"
的元素
选择目标元素(如按钮/输入框)
打开右侧 无障碍面板 (Accessibility Panel)
在 Tab 键顺序 (Tab Order) 字段输入 数字优先级
数值越小越早获得焦点(从 1 开始)
未设置值的元素按默认顺序排列
避免循环陷阱
确保 Tab 键可遍历所有可交互元素(不出现焦点锁死)
跳过装饰元素
对纯视觉元素设置 tabindex="-1"
禁止聚焦
视觉焦点指示器
配合 :focus-visible
样式确保焦点状态可见