WebAIM-考虑到Web可访问性

电子邮件列表存档

支持多个选定选项的组合框示例

对于

发件人:肖恩·柯蒂斯
日期:2018年1月30日下午3:35


我发现了许多可访问的自动完成的示例,有些是单选的万博体育官网网址
组合框组件,但我还没有找到一个可以处理多个
选定的选项。我在努力找出最好的互动模式
使用选定的值。它们经常出现在
输入框,用小的“X”按钮清除值。这是一种模式
在撰写电子邮件时常用于地址字段。

我已经看过Gmail和iCloud邮件使用的那个,但是当它们使用的时候
用鼠标左键/右键单击时,以视觉方式突出显示选定的选项
键盘,该选项不会通知屏幕阅读器。

理想情况下,它们不是一个可聚焦的元素,因为它会使tabbing通过
使人筋疲力尽。正在使用左/右(和aria activedescendant)来
突出显示当前选定的值,并向上/向下打开和导航
另外,尚未选择的方案是否是一个体面的折衷方案?

有什么好的例子是我刚刚错过的吗?

干杯,

肖恩