是否可以将内容滚动到视图中？让一些用户自己移动页面是否会迷失方向？
例如，如果打开了一个下拉菜单并且只有几个选项可见，是让用户滚动整个下拉菜单进入视图还是以编程方式执行此操作更好？
滚动到视图中似乎是一个很好的用户体验改进（我们避免了用户的额外操作），但也可能在可访问性方面很重要（用户可能没有意识到折叠下方有重要的内容，所以我们正在制作确定他们看到了）。
另一方面，移动整个页面似乎会让某些用户感到不安，他们可能会忘记自己在页面上的位置...
【问题讨论】：
标签： accessibility user-experience
好问题。可能有些人从中受益，但其他人肯定会觉得它迷失方向。
在不了解更多实际情况的情况下，我会默认不自动滚动，因为自动动画需要很多其他的东西。
有些 WCAG 规则仅适用于自动移动时。 （例如https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide）
另外，有一个 CSS media query 来适应这种事情的事实表明，这是一些用户更愿意避免的功能。
如果您使用 CSS 过渡来处理此问题，将其放入 prefers-reduced-motion 媒体查询应该很容易，并且浏览器首选项将提供关闭该功能的机制，使其符合 SC 2.2.2
即使您完全使用 javaScript 进行滚动，you can still access the media query。
作为替代方案，甚至作为附加提示（腰带和大括号），您可以考虑在最后一个可见项目上添加一个视觉提示，指示“更多...”。我见过用省略号或向下的三角形/插入符号来处理这个问题，但这些习语并没有为这种事情建立牢固的基础。
屏幕阅读器用户可能在这方面占据优势。如果您正确标记了弹出窗口，AT 将宣布项目的数量，可见与否。 :)
祝你好运！
【讨论】：