UD5工具箱
:focus-visible
CSS 伪类选择器，仅在浏览器判断元素应显示焦点指示器时生效。通常在用户使用键盘 Tab 导航时触发，而在鼠标点击时不触发。这是本工具生成样式的核心伪类，兼顾了键盘用户的无障碍需求和鼠标用户的视觉体验。
:focus
CSS 伪类选择器，在元素获得焦点时触发，无论焦点来源是键盘、鼠标还是触摸。与 :focus-visible 的区别在于，:focus 会在鼠标点击时也显示焦点样式。现代 Web 开发中更推荐使用 :focus-visible 以避免不必要的视觉干扰。
Outline
CSS 属性，用于在元素边框外围绘制轮廓线。Outline 不占据空间，不影响元素的布局和尺寸计算。在焦点指示器中，outline 是最简单直接的实现方式，支持宽度、颜色、样式等配置，但无法设置圆角且不支持偏移量（需通过 outline-offset 实现）。
Box-shadow
CSS 属性，为元素添加一个或多个阴影效果。支持水平偏移、垂直偏移、模糊半径、扩散半径和颜色配置。在焦点指示器中，box-shadow 的优势在于能完美跟随 border-radius 圆角，支持多层阴影叠加，且可配合 transition 实现平滑动画。
WCAG
Web Content Accessibility Guidelines（Web 内容无障碍指南），由 W3C 发布的国际标准。其中 2.4.7 焦点可见（AA 级）要求所有可交互元素必须有可见的焦点指示器；2.4.11 焦点外观（AAA 级）要求焦点指示器对比度至少 3:1，宽度至少 2px。本工具生成的样式可帮助网站满足这些标准。
Contrast Ratio（对比度）
两种颜色之间的亮度差异比值，用于衡量文本或元素在背景上的可读性。WCAG AA 标准要求普通文本对比度至少 4.5:1，大文本至少 3:1。对于焦点指示器，WCAG AAA 级要求焦点环与周围背景的对比度至少达到 3:1，以确保视觉障碍用户也能清晰识别。
Outline-offset
CSS 属性，用于设置 outline 与元素边框之间的间距。正值使轮廓向外扩展，负值使轮廓向内收缩。在焦点指示器中，合理设置 outline-offset 可以避免轮廓与元素边框重叠，保持清晰的视觉层次。建议设置 2px-4px。
Transition
CSS 过渡属性，用于控制样式变化的动画效果。在焦点指示器中，transition 可以让焦点样式的出现和消失更加平滑自然。常用属性包括 transition-duration（持续时间）和 transition-property（过渡属性）。建议持续时间设置为 0.1s-0.3s，避免过长影响操作效率。
Tab Navigation（Tab 键导航）
使用键盘 Tab 键在网页可交互元素之间移动的导航方式。这是最主要的键盘导航模式，焦点指示器在 Tab 导航中尤为重要。用户通过 Tab 键依次访问链接、按钮、表单输入等元素，焦点指示器帮助用户了解当前焦点位置。
Focus Trap（焦点陷阱）
一种将键盘焦点限制在特定区域内的技术，常见于模态对话框等组件。虽然本工具不直接涉及焦点陷阱的实现，但理解焦点陷阱有助于全面把握无障碍焦点管理的知识体系。焦点指示器在焦点陷阱中同样发挥关键作用，帮助用户确认焦点位置。