Bootstrap model Header Text Repeated Several Times While Focusing in a Custom MultiSelect Component in JAWS

49 Views Asked by At

The custom MultiSelect dropdown component is placed inside a Bootstrap modal. If the MultiSelect component is focused, JAWS reads the Bootstrap modal header each time the user selects a value. The same issue does not occur when using Windows Narrator. The issue only occurred with the JAWS screen reader. Below is the sample that was tested on both the Windows Narrator and JAWS tool.

Sample: https://stackblitz.com/edit/angular-rxd3vu-qrp1f4?file=src%2Fapp.component.html

JAWS needs to announce the bootstrap model header only once when focusing the component.

0

There are 0 best solutions below