SuperAPI AI 工具集

zoom-reflow

测试与质量

查看项目

更新于 10-16 05:42

技能介绍

用途:该规则用于在审查已渲染的 HTML、交互组件或设计系统模式时,检查低视力用户将浏览器缩放至 400% 后内容能否正常重排。低视力用户会放大到 400% 阅读,此时若需横向滚动,就难以跟踪文本行并有效导航。

主要能力:核对内容在 400% 缩放(1280px 宽度相当于 320px)下是否重排为单列;阅读内容是否需要横向滚动;所有功能在高缩放级别下是否仍可访问;是否使用相对单位与自适应视口的流式布局。检查时需将浏览器缩放至 400%,确认内容重排为单列,无横向滚动、截断或元素重叠,并测试所有交互功能在该缩放级别下仍可用。

修复方向:使用带相对单位(rem、em、%)的响应式 CSS 替代固定像素,采用随视口宽度自适应的流式布局,并通过 CSS 媒体查询测试布局能否平顺重排。

审查方式:针对影响 400% 缩放下内容重排的已渲染标记与交互状态进行代码审查,指出违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何用浏览器无障碍工具或辅助技术验证修复。完整实现细节、代码示例与框架相关指引见 references/rule.md,规则页为 https://frontendchecklist.io/rules/accessibility/zoom-reflow。

限制:资料未提供具体代码示例、框架适配细节、兼容范围或支持的浏览器版本,需查阅规则引用文件获取完整信息。