UD5工具箱
焦点顺序书签工具 - 一键可视化 Tab 键路径
生成一个浏览器书签，点击后在当前页面用数字标注所有可聚焦元素的 Tab 导航顺序。
无障碍工具 - 信息可达性
共 21+ 款工具无障碍 SVG 图标系统构建器 - 带标题与描述的精灵图
上传 SVG 图标，自动添加 <title> 和 <desc> 并合成精灵图，生成带 role='img' 的可访问图标用法。
表单标签关联验证器 - 检查 label 与 input 的配对
分析表单 HTML，检查是否每个 input 都有正确关联的 label，并指出使用 aria-label 的替代情况。
无障碍模态对话框生成器 - 焦点陷阱与关闭
生成带有焦点陷阱、ESC 关闭和背景遮罩的无障碍模态弹窗代码。
强制颜色模式模拟器 - Windows高对比度预览
渲染网页在Windows强制颜色模式下的样式，协助调试和适应系统高对比度主题。
表单错误摘要组件生成器 - 顶部汇总与聚焦
为表单设计全局错误摘要区，当提交出错时自动生成错误链接并聚焦，符合 WCAG 3.3.1。
色盲模拟器(图片版) - 上传照片看各种色觉障碍效果
上传图片，选择不同色觉障碍类型，实时预览在这些色觉下的效果，辅助设计。
颜色对比度实时分析器 - 多标准WCAG AA/AAA检测
支持任意格式颜色输入，计算对比度并显示WCAG 2.1各级别通过情况，含颜色建议。
无障碍进度条组件生成器 - 确定/不确定状态
生成带有 ARIA 进度条角色的组件，支持确定和不确定两种样式。
页面标题层级分析器 - h1~h6 结构检查
输入 HTML 或网址，提取所有标题标签，生成文档大纲树，检测跳跃和缺失。
ARIA 属性快捷生成器 - 角色与属性搭配建议
选择UI组件类型（按钮、标签页等），自动推荐所需的ARIA角色、状态与属性代码。
焦点陷阱测试工具 - 检测模态框是否困住 Tab
激活模态框后，模拟 Tab 和 Shift+Tab，验证焦点是否被正确限制在对话框内。
无障碍图表模式库 - 颜色与纹理组合示例
提供不仅依赖颜色的图表模式示例（结合纹理、形状），确保色盲用户也可区分数据。
减少动效偏好模拟器 - prefers-reduced-motion 效果
切换系统的减少动效设置，预览网页动画的不同表现，指导符合用户偏好的动画设计。
焦点指示器样式定制器 - 生成 :focus-visible 样式
实时调整焦点轮廓的颜色、粗细和偏移，生成美观且高对比度的焦点样式代码。
实时色盲滤镜预览 - 摄像头/屏幕查看
调用摄像头或截取屏幕区域，叠加色觉障碍模拟滤镜，帮助理解不同色盲视角。
实时色盲模拟摄像头滤镜 - 理解色彩感知差异
调用摄像头，实时应用红色盲、绿色盲、蓝黄色盲等滤镜，让普通人体验色觉障碍者的世界。
无障碍名称计算演示 - 元素的可访问名称来源
选择一个元素，展示浏览器如何根据 ARIA 属性、内容、label 等计算其可访问名称。
无障碍多选下拉框生成器 - 复选框风格
创建带有复选框或标签的多选下拉列表，支持删除已选项，键盘可全控。
盲文文本在线翻译器 - 一级英语盲文点字
输入英语文本，转换为一级盲文点字显示，并给出点位说明，促进无障碍交流。
手语字母图典 - 静态手势ASL学习
展示26个英文字母对应的美国手语(ASL)手势插图，适合基础入门。