我试图为屏幕阅读器用户的“选择”框添加更多可用性。现在他们必须记住选择正确答案的选项。我使用aria-label在“选项”中提供其他信息。它适用于Firefox和Chrome,但不适用于IE 11或更低版本。 Edge似乎没问题。是否有解决方案或其他选项让它在IE 11中运行?
代码:
<option id="question1_item0">Select</option>
<option id="question1_item1" aria-label="1 an actor" >1</option>
<option id="question1_item2" aria-label="2 a country" >2</option>
<option id="question1_item3" aria-label="3 a color" >3</option>
<option id="question1_item4" aria-label="4 a wesite" >4</option>
</select>
答案 0 :(得分:1)
Label是表单中输入的名称。不是选择中的每个选项。
你能这样试试吗?
<label for="actor">Actor:</label>
<select id="actor">
<option label="Select">Select</option>
<option label="1">1</option>
<option label="2">2</option>
<option label="3">3</option>
<option label="4">4</option>
</select>