name: aria description: WAI-ARIA 实现、角色、状态和属性。 allowed-tools: Read, Write, Edit, Bash, Glob, Grep
ARIA 技能
为 WAI-ARIA 实现提供专家级协助。
能力
- 实现 ARIA 角色
- 管理状态和属性
- 创建可访问的小部件
- 处理实时区域
- 使用屏幕阅读器进行测试
常见模式
// 模态对话框
<div
role="dialog"
aria-modal="true"
aria-labelledby="dialog-title"
aria-describedby="dialog-desc"
>
<h2 id="dialog-title">标题</h2>
<p id="dialog-desc">描述</p>
</div>
// 实时区域
<div aria-live="polite" aria-atomic="true">
{statusMessage}
</div>
// 选项卡面板
<div role="tablist">
<button role="tab" aria-selected={selected} aria-controls="panel-1">
选项卡 1
</button>
</div>
<div role="tabpanel" id="panel-1" aria-labelledby="tab-1">
内容
</div>
目标流程
- aria-实现
- 可访问性改进
- 屏幕阅读器支持