CSS 动画可能是一个辅助功能问题。 操作系统通过包括关闭动画的选项来处理此问题，以避免用户混淆和潜在的运行状况相关问题，例如触发癫痫发作。

在网页上，可以使用 prefers-reduced-motion CSS 媒体查询来检测用户是否希望显示任何动画。 然后将动画代码包装在测试中，以有条件地运行动画。

@media (prefers-reduced-motion: reduce) {
  /* in case the .header element has an animation, turn it off */
  .header {
    animation: none;
然后测试代码，如下所示。
若要模拟操作系统的减少运动设置，而无需更改操作系统设置：
在 Windows/Linux 上按 Ctrl+Shift+P 或在 macOS 上按 Command+Shift+P 打开 命令菜单。