Chrome 154增加滚动标记模式：企业网站轮播导航怎样兼顾键盘操作

首页大图轮播常被当作视觉组件，但用户真正需要的是能看清内容、知道当前是哪一张，并能主动切换。Chrome 154的官方发布说明介绍了CSS scroll-marker-group 的 links 与 tabs 模式，用于配置滚动标记的焦点顺序和无障碍语义。这为基于CSS滚动的组件提供了新的实现工具，但不等于传统轮播插件会自动变得易用。

轮播的问题往往不在动画本身

常见故障包括：圆点只能用鼠标点，当前状态只靠颜色区分；自动轮换太快，文字没读完就消失；焦点进入轮播后仍在换页；手机滑动后不知道第几张。对于承载产品、服务和活动入口的企业官网，这些问题会让重要内容难以被发现，也可能让键盘和读屏用户无法顺畅操作。

新模式提供什么，不提供什么

Chrome 154增加的模式主要解决滚动标记的焦点顺序和语义表达。它适合评估在CSS滚动容器上实现的导航，但仍需要开发者明确每张内容的标题、可操作控件和选中状态。旧浏览器的支持情况也要测试，不能只靠一个新属性承担全部功能。已上线的轮播不必为了追新而重写；先确认用户能暂停、切换和理解状态，再决定是否渐进采用。

企业站上线前可做的五项检查

1. 只用键盘，能否找到暂停、上一张、下一张和指定页控制。
2. 切换后，视觉状态与辅助技术读到的状态是否一致。
3. 自动播放时，鼠标悬停或键盘焦点进入后是否按设计暂停。
4. 手机端按钮是否足够易点，文字是否被裁切或遮挡。
5. 禁用脚本或使用不支持新CSS的浏览器时，核心信息是否仍可阅读。

W3C的轮播设计模式强调用户对轮换的控制，并给出带按钮与标签页的实现思路。对企业网站来说，最稳妥的验收方法是让人实际用鼠标、键盘和手机各走一遍，而不只是看轮播效果是否流畅。

参考资料：Chrome 154官方更新说明；W3C轮播设计模式。