Select 反应选择508合规性

Select 反应选择508合规性,select,accessibility,reactjs,voiceover,compliant,Select,Accessibility,Reactjs,Voiceover,Compliant,我试图通过实现一些aria角色,使react-select组件508兼容OSX voiceover并可用。组件如下所示: 我遇到的问题是能够从列表中导航/选择项目,以及能够删除已选择的项目(当使用多选模式时)。到目前为止,我已经能够允许打开选择,并通过向选项中添加aria按钮角色来选择它们。关于如何使select 508兼容有什么想法吗?我试过使用aria列表框、菜单、导航、树,但没有用 您的目标应该比508高一点,因为508即将更改为WCAG 2 AA,而508实际上并没有指定动态应用程序应该

我试图通过实现一些aria角色,使react-select组件508兼容OSX voiceover并可用。组件如下所示:


我遇到的问题是能够从列表中导航/选择项目,以及能够删除已选择的项目(当使用多选模式时)。到目前为止,我已经能够允许打开选择,并通过向选项中添加aria按钮角色来选择它们。关于如何使select 508兼容有什么想法吗?我试过使用aria列表框、菜单、导航、树,但没有用

您的目标应该比508高一点,因为508即将更改为WCAG 2 AA,而508实际上并没有指定动态应用程序应该发生什么。所以,如果你想要无障碍性,选择WCAG 2,我明白了,是的,这绝对是我的目标。我希望该组件在键盘和画外音方面非常有用。事实上,我现在在画外音中的表现相当不错。我知道listbox和combobox角色不可能(至少,我不能)以交叉形式和交叉方式工作(截至2014年11月),而每个主要组合都至少没有一个问题。菜单角色可能是你的最佳选择。我最终使用了与谷歌地图组合框类似的解决方案。使用javascript,可以使用正常的上下键导航选项,当导航到这些选项时,这些选项会上升到选择框,因此屏幕阅读器会读取这些选项。