SuperAPI AI 工具集

carousel-accessibility

前端与建站

查看项目

更新于 10-16 05:45

技能介绍

用途:这是一条前端无障碍规则,用于让轮播(carousel)对包括键盘用户、屏幕阅读器用户和晕动敏感用户在内的所有人可用。它针对最终面向浏览器的渲染标记进行验证,而不仅是源码。

主要能力与检查点:自动轮播必须提供暂停/停止控件;支持方向键与 Tab 键的键盘导航;使用 aria-live 区域播报幻灯片切换;并尊重 prefers-reduced-motion 偏好。审查时会指出渲染 HTML 中违反该规则的具体元素、属性和路由。

使用方式:在代码评审中检查模板、服务端渲染 HTML 和共享组件是否输出符合该规则的标记;按“检查—修复—解释”流程处理:先确认是否有暂停/播放控件、键盘导航、正确的 ARIA 角色与动效偏好支持,再实现暂停按钮、方向键导航、aria-live 播报与动效偏好适配。

限制与补充:完整实现细节、代码示例和框架相关指导见 references/rule.md,规则页为 https://frontendchecklist.io/en/rules/html/carousel-accessibility。关于具体框架支持范围、浏览器兼容性、收费与定价等信息,资料暂未提供。