用 prefers-reduced-motion 覆盖动画时，为什么不该直接删除 transition？
系统开启减少动态效果后，页面应减少大幅位移、闪烁或自动播放，必要的状态反馈仍可保留。prefers-reduced-motion 媒体查询可切换时长或替换动画形式；只把动画时长改成极短值，可能影响依赖动画结束事件的代码。
核心关键词prefers-reduced-motion 覆盖动画 可访问性
面试知识索引 · 分类、标签与搜索
CSS · Web 可访问性面试题，4 道完整答案
CSS · Web 可访问性面试题第 1 页，显示第 1–4 题，共找到 4 道完整解析，可继续按分类、标签与关键词缩小范围。
4筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
order 改了 Flex 项的显示顺序，键盘顺序也会变吗？
购买按钮用排序属性提前显示，视觉位置会改变，但 DOM、读屏和键盘焦点顺序不会跟着重排。结合相同排序值、换行时的项目分组和交互路径，判断哪些装饰性调整可以用排序属性，哪些必须调整源顺序。
核心关键词flex order accessibility - 0003
Grid 能把页面内容顺序和视觉布局分开吗？
Grid 的网格线、区域命名与自动放置允许同一份 HTML 在宽窄屏中重新排布，例如文章与侧栏互换位置。视觉顺序不会改变 DOM 顺序，也不会自动改变读屏和键盘焦点路径；交互内容重排时必须检查阅读顺序是否仍合理。
核心关键词CSS Grid 内容与视觉布局解耦 - 0004
为什么字号只用 vw 会影响可访问性？
纯 vw 字号主要跟视口宽度变化，用户放大文字或调整浏览器默认字号时，可能无法得到预期的缩放；极窄视口也会把字压得过小，极宽视口又可能过大。可用 clamp() 给字号设上下限，并在首选值中加入 rem，让流体变化与用户字体设置保持联系。
核心关键词CSS vw font-size clamp accessibility