Listbox Pattern详解：可滚动选择列表的无障碍实现

Listbox是一种用于呈现一组选项并允许使用者选择一个或多个 的输入组件。这篇文章基于 W3C WAI‑ARIA Listbox Pattern 规范，详解 Listbox 的语义结构、键盘交互规范与无障碍实现要点。下面将按章节逐步展开，并针对开发者常遇到的问题给出对应解决思路。说起来，如果你在实际项目里碰到“看不到 ARIA 标签”“键盘无法正常移动”等症状。后面会专门列出这些痛点及其对应对策。

请先确认你已经了解基本 ARIA 原理，再继续阅读下文。

ListBox 在 UI 上通常表现为垂直排列的一列带滚动条的小盒子。老实说，如果你习惯了下拉框，可以把它想成“已经展开”的下拉框—— 只但是它是专门为了展示大量条目而设计。 可以让你一次看到几十甚至上百个项目。如果你的业务场景涉及频繁搜索、多级分类或者自定义样式，这正是它大放异彩的时候。但由于其细粒度控制和复杂交互，一旦实现不当，就会出现严重无障碍缺陷。不过，以下从语义结构开始讲起。

一、ListBox 的定义与主要概念：

什么是 ListBox？：