UD5工具箱
焦点陷阱（Focus Trap）
自动生成完整的焦点陷阱逻辑。当模态框打开时，键盘焦点被限制在对话框内部循环，用户按Tab键只会在对话框内的可聚焦元素之间移动，不会泄露到背景页面。这是WCAG 2.1成功标准2.1.2的核心要求，确保键盘用户能够正常使用对话框功能。
ESC键关闭
内置ESC键监听逻辑，用户按下Escape键即可关闭模态对话框。这是无障碍对话框的最佳实践之一，为键盘用户提供直观的退出方式。生成的代码会正确处理多个ESC键事件，避免事件冒泡导致的意外行为。
点击遮罩关闭
可选择启用点击背景遮罩关闭功能。遮罩层覆盖整个视口，点击遮罩区域即可关闭对话框。该功能通过aria-modal属性确保背景内容不可交互，同时提供直观的鼠标和触控退出方式，满足不同用户的操作习惯。
ARIA属性自动生成
自动生成role和aria-modal等关键ARIA属性，确保屏幕阅读器能够正确识别对话框的角色和状态。aria-labelledby属性自动关联对话框标题，aria-describedby可选关联内容描述，提供完整的无障碍语义信息。
表单元素支持
提供三种表单配置选项：无表单（纯信息展示）、文本输入框（简单表单场景）和完整表单（包含多种输入类型）。生成的表单元素自动关联label标签，支持键盘导航，符合无障碍表单设计规范，适用于各类业务场景。
入场动画
支持多种预设入场动画效果，包括淡入、缩放、滑入等。动画实现遵循WCAG 2.3.3建议，不会造成前庭功能障碍用户困扰。所有动画均可通过prefers-reduced-motion媒体查询自动禁用，尊重用户系统偏好设置。
一键代码生成
根据配置选项一键生成完整的HTML、CSS和JavaScript代码。生成的代码结构清晰、注释完整，可直接复制到项目中使用。支持多种配置组合，从简单提示框到复杂表单弹窗，满足不同开发需求。
实时预览
提供实时预览功能，生成代码的同时展示模态框的实际效果。预览区域包含模拟页面背景，可直观体验焦点陷阱的工作原理。支持在预览中测试键盘导航、ESC键关闭、点击遮罩关闭等交互功能，确保生成的代码符合预期。