我有一个输入框。基于向上和向下箭头按键,我希望叙述者从列表中读取值,该列表是此输入框的兄弟元素,即在按下DOWN时,叙述者应该从列表中读取下一个元素,反之亦然(请注意实际焦点始终保留在输入框上)。这样做的好方法是什么? 如果您需要有关该方案的更多信息,请发表评论。
答案 0 :(得分:1)
所以我发现了如何解决这个问题。在输入字段上使用 aria-activedescendant 作为所选列表项的id,并且叙述者将知道预期的焦点元素并将读出其内容。
根据w3 wiki:" aria-activedescendant属性通常用于复合小部件,其中容器元素是可聚焦的,并且其子元素本身不可聚焦。在这种情况下,此属性通过向用户代理通知窗口小部件中当前活动的子元素来替换容器中可聚焦子元素的需要。"
以下是此方案的working example。