焦点指示器测试器
输入焦点颜色、背景和描边厚度，在本地测量对比度并使用 Tab 试用示例。
使用步骤
如何使用
- 输入合法的 #RGB 或 #RRGGBB 颜色和像素厚度。
- 查看两项对比度测量和组件预览。
- 按 Tab 聚焦示例，确认此页面中的指示器显示方式。
两种背景测量
工具使用 WCAG 相对亮度计算指示器与组件背景、相邻背景的对比度。这些是对比度测量，不是通过/不通过或合规结论。
尝试真实键盘状态
示例是可用 Tab 聚焦的原生按钮。只有真实键盘操作才能确认目标页面的焦点指示器出现。
范围清晰
本地工具不评估完整无障碍、目标尺寸、焦点顺序、语义、动效或其他交互要求。输入不会上传或保存。
常见问题
你可能还想知道
比例测量什么？
它使用 WCAG 相对亮度比较指示器与组件背景及相邻背景。
比例代表合规吗？
不代表。这只是对比度测量，工具不做通过/不通过或合规判断。
如何测试预览？
按 Tab 等真实键盘操作移到示例按钮，观察描边。
颜色会上传吗？
不会。解析、测量和预览都在浏览器本地完成。