设计原则
可见布局和辅助技术顺序不一致，会破坏导航和理解。
原则 可见布局和辅助技术顺序不一致，会破坏导航和理解。
设计动作 布局重排时保持 DOM、视觉、tab 顺序一致；弹窗打开后焦点进入弹窗，关闭后返回触发器。
正反例 正向示例：响应式网格、多列布局、抽屉、弹窗、复杂表单可能改变阅读路径。 反向示例：CSS 视觉重排后 DOM 顺序仍然混乱。
适用场景 响应式网格、多列布局、抽屉、弹窗、复杂表单可能改变阅读路径。 用户需要快速判断状态、范围、风险或下一步行动。
来源提示 来源提示：综合 W3C WCAG 2.2、Apple Accessibility、IBM Carbon Accessibility 和主流设计系统可访问性实践整理。
Agent 指令
布局重排时保持 DOM、视觉、tab 顺序一致；弹窗打开后焦点进入弹窗，关闭后返回触发器。