1

我有一个输入框。基于 UP 和 DOWN 箭头键,我希望叙述者从列表中读取值,该列表是该输入框的同级元素,即按下 DOWN 时,叙述者应该从列表中读取下一个元素,反之亦然(注意实际焦点始终保持在输入框上)。这样做的好方法是什么?如果您需要有关该场景的更多信息,请发表评论。

4

1 回答 1

1

所以我发现了如何解决这个问题。在所选列表项的 id 的输入字段上使用aria-activedescendant,叙述者将知道预期的焦点元素并读出其内容。

根据 w3 wiki:“aria-activedescendant 属性通常用于复合小部件中,其中容器元素可聚焦,其子元素本身不可聚焦。在这种情况下,此属性通过以下方式替换容器内可聚焦子元素的需求通知小部件中当前活动的子元素的用户代理。”

这是此场景的一个工作示例

于 2017-06-15T09:17:04.337 回答