{
  "synthetic": true,
  "execution": "Teaching record only; no live integration tested",
  "slug": "accordion-section-reachability-contract",
  "group": "accessible-navigation",
  "title": [
    "An accordion must preserve access to every section",
    "折叠内容验收：每一节都必须仍可到达"
  ],
  "intro": [
    "An equipment supplier may collapse installation notes to reduce page length. The reader still needs to discover each section, operate its heading and reach any links inside. Specify whether multiple sections can stay open and what happens to focus when one closes.",
    "设备供应商可能折叠安装说明以缩短页面。读者仍应找到每节、操作标题并进入内部链接。应明确能否同时展开多节，以及关闭时焦点如何处理。"
  ],
  "facts": [
    [
      "The W3C accordion pattern places a button in a heading, exposes expanded state and associates it with its panel. All focusable content remains part of the page’s ordinary Tab sequence when available.",
      "W3C折叠组件模式将按钮放在标题内，公开展开状态并关联面板；可用内容中的控件仍参与页面普通Tab顺序。",
      "https://www.w3.org/WAI/ARIA/apg/patterns/accordion/"
    ]
  ],
  "example": [
    [
      [
        "Installation and Care collapsed",
        "Tab to Installation; Space",
        "Installation opens and state becomes true"
      ],
      [
        "安装与保养关闭",
        "Tab到安装并按空格",
        "安装展开，状态变true"
      ]
    ],
    [
      [
        "Installation open in multi-open design",
        "Open Care",
        "Both remain open under agreed design"
      ],
      [
        "多节展开设计，安装已开",
        "打开保养",
        "按约定两节均保持打开"
      ]
    ],
    [
      [
        "Care contains download link",
        "Tab through expanded panel",
        "Reach the download with its meaningful name"
      ],
      [
        "保养含下载链接",
        "Tab走展开内容",
        "能到达具有明确名称的下载链接"
      ]
    ],
    [
      [
        "Care closed",
        "Continue sequential navigation",
        "Hidden download is absent from focus order"
      ],
      [
        "保养关闭",
        "继续顺序导航",
        "隐藏下载不得仍在焦点序列"
      ]
    ]
  ],
  "steps": [
    [
      "Choose single-open or multi-open behaviour and record heading levels, control IDs and panel names in the brief. This choice is separate from styling.",
      "先选单节或多节展开，写明标题层级、控件ID及面板名；这些决定与外观分开。"
    ],
    [
      "Use the supplied four transitions, including a real focusable link inside the second section. A test with plain text alone misses hidden-focus defects.",
      "测试四种转换，第二节内须有真正可聚焦链接；只放纯文字会漏掉隐藏焦点问题。"
    ],
    [
      "Test browser search and direct task navigation in the intended implementation, and ensure important buying conditions remain discoverable. Do not assume collapsed content is automatically found.",
      "在实际实现中检查浏览器查找和任务导航，重要购买条件仍须可发现；不能假定折叠内容一定能被找到。"
    ]
  ],
  "result": [
    "The record describes reachability, not whether an animation looks smooth. A supplier can satisfy the chosen multi-open rule while failing the hidden-link row. Keeping that distinction exposes a concrete defect instead of approving the whole component from one successful click.",
    "本记录验收到达能力，而非动画顺滑。供应商可能做到多节展开，却仍让隐藏链接占焦点。分开记录能定位真实缺陷，避免一次点击成功就整体验收。"
  ],
  "accept": [
    "Every section heading and available control must be operable and named, with state and visibility aligned. Validate the actual supported assistive-technology path.",
    "每个标题和可用控件须可操作、有名称，状态与可见性一致，并验证实际辅助技术路径。"
  ],
  "limit": [
    "Synthetic installation notes, no equipment safety advice and no claim that an accordion improves SEO or guarantees indexing. This is not a full accessibility certification.",
    "合成安装说明，不提供设备安全建议，不声称折叠改善SEO或保证收录，也不是完整无障碍认证。"
  ],
  "oldLinks": []
}