{
  "synthetic": true,
  "execution": "Teaching record only; no live integration tested",
  "slug": "disclosure-navigation-state-record",
  "group": "accessible-navigation",
  "title": [
    "A dropdown needs separate open and current-page states",
    "下拉导航：展开状态与当前页要分开"
  ],
  "intro": [
    "A business website can have Services expanded while the visitor is reading Contact. Commission these as two separate states. Otherwise a highlighted dropdown button can falsely identify the current page, and a keyboard user may be stranded when its links disappear.",
    "商业网站可以展开“服务”，同时仍在阅读“联系”。应分开验收这两个状态，否则高亮的下拉按钮可能被误当当前页，链接消失时键盘用户也可能失去位置。"
  ],
  "facts": [
    [
      "W3C’s disclosure navigation example uses aria-expanded on a button and aria-current on the current link. Typical site navigation does not require the complex ARIA menu role; the example requires testing before production use.",
      "W3C展开式导航示例在按钮上使用aria-expanded，在当前链接上使用aria-current；普通网站导航不必套复杂menu角色，示例在生产使用前仍须测试。",
      "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/"
    ]
  ],
  "example": [
    [
      [
        "Current Contact; Services closed",
        "Activate Services button",
        "expanded=true; Contact remains current"
      ],
      [
        "当前联系页，服务关闭",
        "激活服务按钮",
        "expanded=true；联系仍为当前页"
      ]
    ],
    [
      [
        "Services open; focus on SEO link",
        "Escape under this chosen pattern",
        "Close list; return focus to Services button"
      ],
      [
        "服务已展开，焦点在SEO链接",
        "按本例约定Escape",
        "关闭列表，焦点回服务按钮"
      ]
    ],
    [
      [
        "Collapsed Services",
        "Continue with Tab",
        "Hidden SEO link must not remain in tab sequence"
      ],
      [
        "服务已折叠",
        "继续Tab",
        "隐藏的SEO链接不能继续占焦点"
      ]
    ],
    [
      [
        "Activate Website service link",
        "Destination loads",
        "New matching link becomes current; opening alone did not navigate"
      ],
      [
        "激活网站服务链接",
        "目标加载完成",
        "新目标成为当前页；之前展开并未导航"
      ]
    ]
  ],
  "steps": [
    [
      "Choose a disclosure-navigation pattern explicitly. Specify which buttons only expand a list and which links navigate; give every controlled list a unique ID.",
      "明确采用展开式导航，分清按钮和真正跳转链接，每个受控列表使用唯一ID。"
    ],
    [
      "Run the four transitions with keyboard and pointer. Record expanded attributes, actual visibility, current-link marker and focus destination at each transition.",
      "用键盘及指针走四种转换，逐项记录展开属性、实际可见性、当前链接及焦点去向。"
    ],
    [
      "Test leaving and re-entering navigation on a small screen. A mobile layout must not leave focus inside a hidden desktop list.",
      "在小屏测试离开再回到导航，移动布局不能把焦点遗留在隐藏桌面列表中。"
    ]
  ],
  "result": [
    "Open describes the control; current describes the destination. A correct handover can reconstruct both from the record even when they refer to different sections. The Escape expectation belongs to the selected pattern and must agree with the actual implementation; decorative chevrons are not evidence.",
    "展开描述控件，当前描述目的地，即使两者属于不同栏目也应能从记录还原。Escape预期属于选定模式，须与实现一致；装饰箭头不算证据。"
  ],
  "accept": [
    "Require no focusable hidden links and a meaningful focus return after dismissal. Verify with the supported assistive technologies rather than treating ARIA attributes as certification.",
    "隐藏链接不得继续获得焦点，关闭后要合理回焦；还须支持的辅助技术验证，不能把ARIA属性当认证。"
  ],
  "limit": [
    "Synthetic state table, not copied APG production code. It does not authorise modifying any frozen navigation or forcing menu roles onto ordinary links.",
    "合成状态表，不是复制APG生产代码；不授权修改冻结导航，也不把普通链接强行套menu角色。"
  ],
  "oldLinks": []
}
