布局切换需保持元素的可识别延续
别名: 对象恒常 · recognisable identity · 布局延续 · responsive identity
概念解释
宽窄布局切换改的是位置、排列和密度，不应改对象身份。搜索框还是那个搜索框，主操作还是那个主操作，导航项还是那一组去处——名称、图标、可访问名称和主要行为在切点两侧保持可识别的延续。用户才能把两套排列认成同一界面的两种摆法，而不是两个不同的产品。若窄屏把搜索换成一枚无相同名称的图标、把主导航换成另一套标签、把主按钮藏进与宽屏毫无对应的菜单，身份就断了。
它处理的是切换时「还是不是同一个东西」，不是断点该钉在哪条宽度上，也不是横竖屏该不该共用规则。
机制
人靠稳定的知觉线索追踪对象：形状、标签、相对角色，而不是绝对坐标。布局重排打断了坐标，若同时换掉标签、图标或控件类型，追踪失败，用户会以为功能被拿掉，开始重新搜索。窄屏常见的「汉堡化」若菜单项与宽屏导航不是同一组 label、同一条路由，两侧就不是同一对象的两种排列，而是两份信息架构。主操作从宽屏的实心按钮变成窄屏里一枚只有图形的 FAB，却没有同一句 accessible name，语音控制和读屏会把它当成新控件。
延续不是像素级一样，是身份级一样：可以叠成一列、可以进溢出菜单，但进菜单的仍是那几个项，菜单的入口要能被认成「那些导航」。位置可以变，角色不能偷偷换——宽屏的「筛选」不能在窄屏改叫「更多」却指向同一面板。
边界
有意的模式切换（阅读模式去掉编辑工具、结账一步只留本步字段）会减少对象，这是任务阶段变化，不是响应式身份断裂；但被拿掉的对象应在该阶段本来就不该出现，而不是「因为窄」。营销着陆页在不同宽度讲不同故事，身份延续的优先级低于叙事，不能拿工具型产品的标准去卡。图标在极窄处只保留图形、名称改由 aria-label 承担，视觉身份弱了，语义身份仍可续上——这算延续，前提是名称真的相同。完全不同的平台客户端（桌面安装版对移动安装版）不在同一套布局切换里，不要假装是断点两侧。
怎么落地
- 列出跨宽度必须认出的对象（主导航、搜索、主操作、用户菜单、关键筛选），在每条断点两侧核对可见标签或图标、accessible name、目标 URL 或动作是否同一。
- 窄屏收进溢出或底部栏的项，使用与宽屏相同的名称和图标，入口要能被理解为「那些项在这里」。
- 禁止在切点一侧重写信息架构：不要用另一套导航标签顶替，不要把主操作换成无对应名称的新控件。
- 验证：把宽窄两张截图并排，涂掉坐标只留控件本身，找没参与过设计的人配对「这是同一个吗」。配不上的每一对都是身份断了。再用读屏的控件转盘，确认两侧收集到的名称集合一致。