用途:Angular Aria 是一组 headless、可访问的 Angular 指令,实现常见 WAI-ARIA 模式,帮助开发者构建自定义无障碍 UI 组件。它处理键盘交互、ARIA 属性、焦点管理和屏幕阅读器支持,样式与业务逻辑由使用方提供。
主要能力覆盖:搜索与选择(Autocomplete 自动补全、Combobox 组合框、Listbox 列表框、Select 单选下拉、Multiselect 多选下拉);导航与操作(Menu 菜单、Menubar 菜单栏、Toolbar 工具栏);内容组织(Accordion 手风琴、Tabs 选项卡、Tree 树、Grid 网格)。文档按 core-overview 及各模式参考文档组织。
安装:npm install @angular/aria。
适用场景:需要 WAI-ARIA 合规的自定义无障碍组件;实现方向键、Enter、Escape、Tab 等键盘导航;为交互控件添加焦点管理;构建可自定义样式的无样式 UI 原语;制作自动补全、组合框、列表框、选择或多选输入;实现带正确 ARIA 角色的菜单、菜单栏、工具栏;创建手风琴、选项卡、树或网格模式;为自定义组件提供屏幕阅读器支持。
不适用:使用自带无障碍支持的 Angular Material 组件;用原生 HTML 元素构建的简单表单;Angular Aria 未覆盖的 WAI-ARIA 模式。
限制:资料未提供具体 API 用法细节、浏览器兼容范围、许可与收费信息,暂未提供。