You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

ARIA树视图键盘导航规则疑问:箭头/Home/End键行为界定

ARIA树视图键盘交互规范答疑

问题1:按下Arrow Down键时,焦点应移至

根据ARIA树视图模式的定义,这里的**“可聚焦节点”特指带有role="treeitem"的树节点**,而非树项内部的后代控件(比如<button>)。树视图的键盘导航逻辑围绕树节点层级展开,内部按钮属于节点的附属交互元素,不属于树的导航节点范畴。因此按下Arrow Down键时,焦点应移动到下一个treeitem(即对应的<li>元素),而非树项内的<button>。

问题2:按下Home/End键时,焦点应移至当前列表的首尾项,还是根列表的首尾项?

ARIA指南中定义的“树中的第一个/最后一个节点”,指的是整个树结构的根(顶级)列表的首尾项,而非当前焦点所在的子列表的首尾。Home键会直接将焦点跳转到整个树的第一个顶级树节点,End键则跳转到整个树的最后一个顶级树节点,不会局限于当前所处的子列表范围。

问题3:焦点位于树的第一个/最后一个根节点时,按下Arrow Up/Down键是否应移出树?

按照规范,Arrow Up/Down键的作用是在树的内部节点间切换,当焦点处于树的第一个根节点时按下Arrow Up,或处于最后一个根节点时按下Arrow Down,焦点应停留在当前边界节点,不会移出到树外的可聚焦元素。树视图作为独立的导航组件,其键盘导航逻辑被限定在组件内部的树节点范围内,不会触发跨组件的焦点跳转。


内容的提问来源于stack exchange,提问作者smellyshovel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.14 05:03:10