让您的智能体能够使用语义化 HTML 和键盘导航构建符合 WCAG 标准的 Web 界面。
当设计新的 UI 组件（如模态框或下拉菜单）并要求其必须具备可访问性时
当执行可访问性审计以修复焦点管理或 ARIA 属性时
当确保表单实现对屏幕阅读器和仅键盘用户友好时
指定您正在构建或审计的框架和组件类型
首先应用语义化 HTML 标签以建立清晰的结构
实现键盘导航支持，包括焦点陷阱和 ESC 键处理器
添加 ARIA 属性（如 aria-label 或 aria-live）以为屏幕阅读器提供上下文
你
让这个 React 下拉菜单对屏幕阅读器和键盘用户具有可访问性。
Agent
我将为您的菜单添加 `role='listbox'` 和 `aria-haspopup`。我还将实现一个键盘处理器，以便用户可以使用方向键导航选项，并使用 Enter 或空格键选择项目。
让您的智能体能够搜索 Web 并提取纯净内容用于研究和事实核查。
让您的智能体能够使用 shadcn/ui 和 Tailwind 为 Claude.ai 构建复杂的、多组件的 React Artifacts。
让您的智能体能够审计 Web 界面是否符合 Vercel 设计和 UX 最佳实践。
让您的智能体能够视觉检查网站并修复布局损坏或可访问性 bug 等设计问题。
赋予您的智能体分析和改进创建 Web 表单报告及指标的能力。
