什么是高对比度模式?
测试您的网页内容在不同高对比度设置下的显示效果。粘贴 HTML 或 URL 截图,预览符合 WCAG 标准的对比度模式,包括 Windows 高对比度、反色以及自定义对比度主题。
使用方法
- 第一步 — 将 HTML 内容或纯文本粘贴到编辑区域,作为预览源。
- 第二步 — 从预设中选择对比度模式:Windows 高对比度(黑/白)、反色、黑底黄字或自定义颜色。
- 第三步 — 查看实时预览以检查可读性,使用对比度比率检测器验证文本元素是否符合 WCAG AA/AAA 标准。
结果
一位开发者将导航栏 HTML 粘贴进来,切换到 Windows 高对比度模式后发现,纯图标按钮在黑色背景下完全不可见,于是决定为其添加可见文字标签。