Web 可访问性焦点遍历（Accessibility Focus Traversal） Web 可访问性焦点遍历是指用户通过键盘（通常是 Tab 键）在网页元素间按特定顺序移动焦点的行为。焦点指示器（如发光边框）会显示当前获得焦点的可交互元素，例如链接、按钮和表单字段。 焦点遍历顺序默认由 DOM 顺序决定。浏览器会按照 HTML 结构中元素的出现顺序，依次将焦点分配给可聚焦元素（如 <a> 、 <button> 、 <input> 等）。开发者可通过 CSS 的 tabindex 属性调整顺序： tabindex="0" 使元素加入自然遍历流， tabindex 为正数会优先聚焦（但会破坏可访问性，需谨慎使用）。 复杂组件（如模态框）需通过编程管理焦点。当打开对话框时，应使用 JavaScript 将焦点强制移动到对话框内（例如通过 element.focus() ），并在关闭时返回触发元素。同时需用 aria-modal="true" 屏蔽背景内容，防止焦点意外移出。 响应式布局中，焦点顺序需与视觉逻辑一致。例如移动端通过 CSS 调整元素排列时，应确保 DOM 顺序与视觉顺序匹配。若必须调整，可使用 tabindex 配合 role 属性声明，但需同步更新屏幕阅读器的阅读顺序。 高级场景需结合 WAI-ARIA 规范处理动态内容。对于实时更新的区域（如聊天窗口），应在更新后自动聚焦新内容，并通过 aria-live 通知辅助工具。焦点遍历最终需通过键盘操作测试，确保符合 WCAG 2.1 的 2.4.3 焦点顺序标准。