angular - 展开时 JAWS 无法从选择下拉列表中读取值

Question

在我的 Angular 4 应用程序中，我有 2 个带有一些值的选择下拉菜单。要求是 JAWS 在展开并选择值时应该能够读取下拉值。我使用空格键打开下拉菜单并使用 ARROWKEYS 遍历值。在下面的示例中，JAWS 能够从第一个下拉列表中读取值，但不能从第二个下拉列表中读取。我无法在第二个下拉菜单中找到确切的问题。第二个下拉菜单中的更改方法是否导致 JAWS 无法读取该值或者我遗漏了什么？我尝试将“aria-label”添加到选项中，但仍然无法正常工作。

**Dropdown1**   
   <select class="dropdownclass" tabindex="1"
                  aria-label="Select drop down 1" formControlName="dropdown1" >
                  <option value="" aria-label="Select drop down1"></option>
                  <option value="greater">></option>
                  <option value="less"><</option> 
                </select> 

**Dropdown2**  
  <select class="dropdownclass" tabindex="2"
                        aria-label="Select Confidentiality" formControlName="dropdown2" 
                        (change)="doSomething(form.controls['dropdown2'])">
                        <option value="" aria-label="Select drop down2"></option>
                        <option value="1" >Yes</option>
                        <option value="0" >No</option>
                      </select>     

标签： angularselectjaws-screen-reader