responsive-accessibility

用途：该技能用于设计响应式界面时，保证无障碍性在每种视口、缩放级别和屏幕方向下都成立。核心要求包括：在1280px视口下将浏览器缩放设为200%时，所有内容必须重排为单列且无横向滚动（WCAG 2.1 AA，成功标准1.4.10）；数据表、地图和图表在信息不丢失的前提下可横向滚动。文本缩放至200%时须保持可读，不得被裁剪、截断或与其他元素重叠，应使用rem、em、%等相对单位而非固定像素，行高与间距按比例缩放。内容须同时支持竖屏与横屏，除非功能必需（如钢琴应用），否则不得锁定方向。设计模式方面：采用自适应网格而非固定断点，内容容器设max-width（每行45–75字符），优先压缩留白再重排内容；按断点定义核心内容，小屏展示核心并提供其余入口，导航可改为汉堡菜单但所有目标须可达；小视口触控目标至少48px，大视口指针目标至少24px，可用@media (pointer: coarse)检测指针类型；粘性头部在缩放时不得占据过多垂直空间，固定定位元素、提示框、弹出层和模态框均须在缩放后可见、可达、可滚动。测试流程：在1280px视口下分别以100%、150%、200%缩放测试，测试320px视口宽度，测试竖屏与横屏，测试系统最大字号；每个测试点验证无横向滚动、无文本裁剪、无元素重叠、所有交互可用。限制：资料未提供具体实现代码、框架或工具依赖，也未说明收费、平台或效果保证。