用途：轮播用于在有限空间内以旋转或滑动方式展示相关内容或图片，用户通过箭头、圆点或触摸设备的滑动手势导航。常见场景包括首页推广的精选产品或服务、分步指南等关键信息、作品集或案例研究、客户评价、多步骤流程或教程、新闻或活动公告。
不适用：关键内容需要用户立即交互、内容之间缺乏明确关系或叙事流程、用户必须并排比较或同时查看全部选项、轮播项过多导致导航繁琐、内容复杂需要大量阅读时间时，应避免使用轮播。
实现流程：先确认该模式匹配问题与约束，再复制示例；从 references/pattern.md 中的结构与示例入手，选择最小可行变体；在叠加视觉打磨前先应用无障碍、性能与交互防护；使用测试指南验证键盘、屏幕阅读器、响应式与失败场景下的行为。
无障碍：选项卡式轮播适用于幻灯片数量较少、用户应能轻松跳转、每张幻灯片包含详细结构化内容、用户依赖辅助技术、需要更结构化导航体验的场景，例如展示关键产品特性、分步教程。选项卡遵循 WAI-ARIA Tabs Pattern。
性能目标：首张幻灯片首次内容绘制小于1.5秒；幻灯片过渡动画小于300毫秒；触摸滑动响应小于100毫秒；第2张及之后的幻灯片懒加载；轮播功能 JavaScript 包小于30KB；图片轮播额外内存小于10MB；空闲时 CPU 占用小于5%，过渡时小于15%。
常见错误：自动播放却没有控件——应始终提供暂停/播放控件，并尊重 prefers-reduced-motion，对偏好减少动画的用户禁用或减慢自动轮播。缺少键盘或触摸支持——应确保可通过 Tab 和方向键导航，为移动端添加滑动或拖拽支持，并在多种设备和辅助工具上充分测试。把重要内容藏在后面的幻灯片——应将最关键内容放在第一张幻灯片，若内容关键可考虑静态布局或另行突出。
相关模式（URL）：accordion、expandable-text、card-grid、infinite-scroll、load-more、pagination、tabs。完整实现细节、示例与测试说明见 references/pattern.md，模式页面：https://uxpatterns.dev/patterns/content-management/carousel