2017-06-14 43 views
0

我有一個輸入框。基於向上和向下箭頭按鍵,我希望敘述者從列表中讀取值,該列表是該輸入框的同胞元素,即按下DOWN時,敘述者應該從列表中讀取下一個元素,反之亦然(請注意,實際焦點始終保留在輸入框中)。這樣做的好方法是什麼? 如果您需要關於場景的更多信息,請發表評論。如何強制解說員閱讀而不改變焦點?

回答

1

所以我發現如何解決這個問題。在輸入字段上使用aria-activedescendant作爲所選列表項的id,敘述者將知道預期的聚焦元素並將讀出其內容。

根據w3 wiki:「aria-activedescendant屬性通常用於容器元素可聚焦的複合窗口小部件,其子元素不是本機可聚焦的,在這種情況下,此屬性取代了對可聚焦子元素在容器內通過通知用戶代理小部件內當前活動的子元素。「

這是此場景的working example