{
  "synthetic": true,
  "execution": "Teaching record only; no live integration tested",
  "slug": "zoom-reflow-acceptance-journey",
  "group": "accessible-interaction",
  "title": [
    "A mobile screenshot does not prove zoom reflow",
    "手机截图，不能证明放大后仍能使用"
  ],
  "intro": [
    "A buyer reviewing a responsive website should test a complete enlarged journey, not only a narrow screenshot. Agree how text, navigation, enquiry controls and necessary two-dimensional data behave when the effective viewport becomes small.",
    "验收响应式网站时，应走完放大后的完整流程，不能只看窄屏截图。先约定有效视口变小时，文字、导航、询盘控件及必须二维呈现的数据怎样工作。"
  ],
  "facts": [
    [
      "WCAG reflow guidance uses an equivalent 320 CSS-pixel width for vertically scrolling content, with exceptions for content requiring two-dimensional layout.",
      "WCAG重排指导对纵向阅读使用等效320CSS像素宽度，并对确需二维布局的内容设例外。",
      "https://www.w3.org/WAI/WCAG22/Understanding/reflow.html"
    ]
  ],
  "columns": [
    [
      "Synthetic test condition",
      "Task",
      "Expected observation"
    ],
    [
      "合成测试条件",
      "任务",
      "预期观察"
    ]
  ],
  "example": [
    [
      [
        "1280 CSS-pixel viewport at 400% zoom",
        "Read service description",
        "Equivalent width about 320 CSSpx; no lost text"
      ],
      [
        "1280CSS像素视口放大400%",
        "阅读服务说明",
        "等效约320CSS像素宽，不丢文字"
      ]
    ],
    [
      [
        "Same enlarged context",
        "Open navigation and find enquiry",
        "Controls reachable; no overlay trapping content"
      ],
      [
        "同一放大上下文",
        "开导航并找到询盘",
        "控件可达，不被浮层挡住"
      ]
    ],
    [
      [
        "Necessary data table",
        "Read a long row",
        "Local table scrolling; surrounding prose reflows"
      ],
      [
        "必需数据表",
        "读取长行",
        "表格局部滚动，周边正文重排"
      ]
    ],
    [
      [
        "Validation message appears",
        "Correct field and resubmit",
        "Error and correction control remain visible/reachable"
      ],
      [
        "出现验证错误",
        "修改字段并重新提交",
        "错误及修改控件仍可见可达"
      ]
    ]
  ],
  "steps": [
    [
      "Choose representative content with a long heading, navigation, a form error and dense data. Define the actual browser, viewport and zoom; device pixels are not CSS pixels.",
      "选择含长标题、导航、表单错误和密集数据的代表内容，记录浏览器、视口和缩放；设备像素不等于CSS像素。"
    ],
    [
      "Walk the whole task using the enlarged view and keyboard. Separate unavoidable two-dimensional components from ordinary text; a wide page wrapper is not a blanket exception.",
      "在放大视图用键盘完成任务，区分必须二维的组件与普通文字；整个页面过宽不能统称例外。"
    ],
    [
      "Capture failing states and the resulting data/feedback, then repeat after changes to fonts, banners or sticky controls. Keep zoom and mobile-width tests as complementary evidence.",
      "记录失败状态及最终数据反馈，字体、横幅或固定控件变更后复测；放大与手机宽度测试互补。"
    ]
  ],
  "result": [
    "A page can fit 390 pixels and still fail when a zoomed menu hides its final link. Conversely, a necessary table may scroll locally without justifying horizontal scrolling for every paragraph. The acceptance unit is the completed reader task with no information lost.",
    "页面适配390像素，也可能在放大后菜单遮住最后一条链接。必要表格可局部滚动，但不能因此让每段正文横向滚动。验收单位是信息不丢失的完整读者任务。"
  ],
  "accept": [
    "Record whether every task step remains operable and all essential content remains available. A viewport calculation is a setup aid, not a conformance result.",
    "记录各步骤能否操作、重要内容是否仍可获取；视口算式只是测试设置，不是合规结果。"
  ],
  "limit": [
    "Teaching test matrix, not an audit of the frozen homepage or a full WCAG assessment. Actual browser zoom can differ due to browser chrome and device settings; record the effective viewport.",
    "教学矩阵，不是冻结首页审计或完整WCAG评估。浏览器界面及设备设置会影响有效视口，须实际记录。"
  ]
}