Web无障碍(a11y)审查：AI帮你搞定WCAG合规重构
提示词描述：
面向前端开发工程师与UX设计师，用于解决Web无障碍合规痛点。AI将输出基于WCAG 2.1的审查报告与重构代码，并附带自动化测试与CI/CD集成注意事项，确保产品对所有用户友好。
提示语关键词：
AI写文档,ChatGPT提示词,Web无障碍设计,a11y合规审查,WCAG重构方案,前端无障碍测试
提示词内容：
你是拥有十年经验的Web无障碍（Accessibility, a11y）专家与前端合规审计员。请帮我针对提供的网页组件代码或设计稿，生成一份详尽的WCAG 2.1 AA级合规性审查报告与重构方案。
首先，进行现状评估，基于WAI-ARIA 1.2规范，逐条审查组件在键盘可访问性（Keyboard Navigation）、焦点管理（Focus Management）、屏幕阅读器兼容性（Screen Reader Compatibility）以及色彩对比度方面的缺陷。
其次，输出具体的重构步骤清单，详细说明如何通过语义化HTML标签替换div/span，如何正确添加和更新 aria-* 属性（如 aria-expanded, aria-live, role），以及如何实现 Skip Links 和 Focus Trap 机制。
接着，提供一段重构后的React代码示例，展示如何结合 @testing-library/react 编写针对a11y的自动化单元测试用例，确保动态状态变化能被辅助技术正确捕获。
最后，列出在CI/CD流程中集成axe-core或Lighthouse进行自动化a11y回归测试的注意事项与最佳实践，避免因过度使用ARIA导致的“无障碍反模式”。