用途:审查响应式与弹性布局在真实用户可能遇到的各种屏幕尺寸、缩放级别和屏幕方向下是否仍保持无障碍。
主要能力与流程:
- 视口测试:在 320px、375px、768px、1024px、1280px、1440px+ 宽度下,借助 responsive-accessibility 记录内容溢出或隐藏、交互元素不可达、触控视口下小于 44×44px 的触控目标、导航未自适应、功能完全消失等问题。
- 缩放测试:在 1280px 视口下测试 100%、150%、200%,记录出现的横向滚动、文本溢出容器、元素重叠、占用过多空间的粘性页头、移出屏幕的模态框或提示。
- 排版缩放:借助 flexible-typography,在系统字体最大时记录文本不缩放、容器裁剪或截断文本、文本增大后布局破坏、固定高度元素不扩展等问题。
- 方向测试:在竖屏与横屏下记录仅单方向可用、方向锁定阻止旋转、某一方向布局破坏或浪费空间等问题。
- 密度检查:借助 information-density,在各视口验证默认密度是否适合设备、用户能否调整密度、紧凑密度是否维持最小触控目标、宽松密度是否无需过度滚动。
输出:一份响应式无障碍报告,包含各视口宽度下核心任务的通过/失败矩阵、150% 与 200% 缩放问题、文本缩放失败、竖屏/横屏问题,以及按严重程度排序的修复清单,分为影响所有视口、移动端专属、缩放专属三类。
限制:资料未提供安装方式、依赖、平台支持、收费或价格信息。