暗色模式支持检查器
粘贴完整 HTML 文档或带样式的片段。浏览器检查常见暗色模式信号,并在不上传代码的情况下渲染隔离的明暗预览。
使用步骤
如何使用
- 粘贴不超过 500 KiB 的 HTML/CSS。
- 运行本地暗色模式清单检查。
- 查看检查结果并比较隔离的明暗预览。
检查常见信号,不是完整审计
清单会查找 prefers-color-scheme、CSS 变量、color-scheme、自适应 SVG、图像处理、过渡效果和手动主题钩子等常见实现信号。它不能证明每个组件都具备可访问性。
本地预览
浏览器会在隔离的明暗预览框架中渲染粘贴的文档。代码不会上传、保存或发送到任何服务。
输入大小限制
输入上限为 500 KiB。预览前会移除脚本,因此预览只是被动的视觉检查。
常见问题
你可能还想知道
这会修改我的网站吗?
不会。工具只检查粘贴的文本,并在当前浏览器中创建临时本地预览。
通过检查就能证明暗色模式具备可访问性吗?
不能。还需检查实际内容、焦点状态、对比度、图像和交互状态。