UD5工具箱
HTML源码顺序与视觉顺序对比
粘贴HTML和基本CSS，分析渲染后视觉顺序与DOM顺序的差异，避免可访问性问题。
可访问性工具 - 无障碍设计与检测
共 17+ 款工具网页强制高对比度模式 - 针对弱视需要
生成一键注入的JS书签，将任意网页的背景强制变黑、文字变白或变黄。
全色盲模拟预览 - 网页URL转色觉障碍视图
输入网站URL（需可Iframe或截图），套用色盲滤镜预览实际视觉效果。
WCAG颜色矩阵测试 - 调色板互对比
输入一组颜色，生成矩阵显示每两色间的对比度和WCAG级别，确保调色板可访问。
WCAG对比度调节器 - 微调颜色达标
输入背景和文字颜色，若对比度不达标，自动计算需微调至最近达标色的方案。
图片Alt属性检测 - 缺失检查提示
粘贴HTML，检测所有<img>标签的alt属性，标记缺失或为空的项。
ARIA Live Region测试 - 动态内容播报
模拟动态区域更新，测试不同aria-live值（polite/assertive）对屏幕阅读器的影响。
ARIA属性生成器 - 快速添加无障碍标记
选择组件类型（按钮、菜单等），自动补全必要的role和aria-*属性代码。
可访问性树生成 - 解析HTML ARIA结构
粘贴HTML，生成浏览器的可访问性树模拟视图，帮助理解辅助技术看到的页面。
文字颜色对比度检测器 - WCAG无障碍合规测试
输入文字颜色和背景颜色，计算对比度比例，验证是否符合WCAG 2.1的AA/AAA级无障碍标准。
焦点可见性检查 - :focus-visible样式测试
演示并测试:focus-visible伪类在不同输入模式下的表现，辅助无障碍设计。
色盲模拟器 - 图片滤镜在线预览色觉缺陷
上传图片，套用红色盲、绿色盲、蓝色盲等滤镜，模拟色觉障碍者所见的颜色效果。
色盲友好调色板 - 定性数据配色推荐
展示几组在各类色盲下仍可区分的定性数据配色方案，含Hex码。
实时色盲模拟器 - 摄像头滤镜叠加
打开摄像头，实时应用红绿色盲、蓝黄色盲等滤镜，沉浸式体验色觉障碍的世界。
色盲安全调色板推荐 - 数据可视化配色
提供多组在各色盲类型下仍可区分的定性、连续配色方案，辅助图表设计。
色觉缺陷模拟器 - 上传图片体验不同色盲
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
无障碍配色建议 - 高对比度安全色组合
展示多个通过WCAG AA/AAA级对比度验证的预置配色方案，用于文字和背景。