Estoy usando la herramienta Level Access para probar mi aplicación en busca de violaciones 508 y que está produciendo errores en mi formulario desplegable personalizado.

Este SPAN tiene un atributo de identificación de 'aria-context', que no es único en el mismo DOM

y

Este SPAN tiene un atributo de identificación de 'aria-selection-event', que no es único en el mismo DOM

Estoy usando react-select para el menú desplegable y el error que obtengo es de la línea https://github.com/JedWatson/react-select/blob/master/packages/react-select/src/components/LiveRegion.tsx# L202-L204

parece que los tramos de selección de aria y contexto de aria solo deben usarse durante el enfoque inicial, pero por alguna razón permanece indefinidamente en lugar de cambiar a la región en vivo.

 <AvSelect name="payer" labelKey="displayName" valueKey="id" id={{payers.map(x => x.id)} label="Payer" placeholder="Choose one ..." options={payers} index={payers.map(x => x.id)} onChange={payer => { this.changePayer(payer); }} /> )}

Aquí está la captura de pantalla adjunta para resaltar el elemento que causa el error y estoy usando Continuum Explorer Pro para probar la accesibilidad de la página. También apuntamos a Chrome, Firefox y Safari como navegadores principales. Veo la etiqueta de intervalo en las herramientas de desarrollo de Chrome, pero no la veo en ninguna parte de mi código de reacción.