自定义下拉选择组件的角色

Question

我在这里有一个键盘可访问的自定义下拉组件：https : //codesandbox.io/s/31440w1vo6

但是，当我打开NVDA或JAWS时，激活“选择等位基因”后，焦点将移动到选项列表中的第一个元素。

我猜想这与角色有关。目前，我有一个具有选择角色的“选择等位基因” div，以及一个aria展开和aria切换来描述它是否打开。选项具有选项的作用。

在使用屏幕阅读器时，我需要应用哪些角色或咏叹调来确保焦点正确移动？