如何使Vue Multiselect可供屏幕阅读器访问?

时间:2019-07-01 20:12:54

标签: vue.js

我最近用Vue Multiselect替换了一个下拉列表。 我打算使多选选项可访问。

问题: 当我按Tab时,焦点确实位于多选上并读出默认选项。 但是,当我按向下箭头键滚动选项时,屏幕阅读器无法读出它们。

我尝试通过功能来以编程方式将重点放在子选项上,但这似乎并不完全有效,

以下设置着重于默认设置,但我不知道如何设置着重于子选项,

this.$refs.managermultiselect.$el.focus()

以下是HTML

<multiselect v-model="value"
    aria-autocomplete="list"
    aria-activedescendant=""
    ref="managermultiselect"
    label="LastName"
    @keydown.native="keymonitor"
    :options="manageroptions"
    :multiple="true"
    :custom-label="customLabel">
</multiselect>

0 个答案:

没有答案