Skip to content

键盘导航与可访问性

树容器为 role="tree",节点为 role="treeitem",带 aria-level / aria-expanded / aria-selected / aria-disabled,子容器为 role="group";采用漫游 tabindex(同一时刻只有一个节点可 Tab 进入)。

按键行为
Tab进入 / 离开树
/ 在可见节点间移动焦点(文档顺序,跳过收起子树)
展开当前节点;已展开则进入第一个子节点
收起当前节点;已收起则回到父节点
Enter / Space选中节点(触发 node-click
Home / End移到第一个 / 最后一个可见节点

OKR 模式下:根节点 作用于左子树(展开或进入),左树节点的 / 镜像。焦点在节点内部的输入控件时不拦截按键。焦点环通过 --okr-focus-color(默认 #409eff)/ --okr-focus-width(默认 2px)定制。

基于 MIT 许可发布