我正在努力让我的应用程序遵守可访问性标准。我根据数据列表添加了动态数量的按钮。我无法让 NVDA 读取按钮的 aria-label。所以我尝试添加一个简单的按钮,例如:
<button aria-label="A button to upload" id="uploadBtn">Upload</button>
当我将鼠标悬停在使用 NVDA 上时,它只是简单地显示“上传”。 然后我尝试添加一个隐藏标签,其中 for 属性链接到我的按钮,如:
<label for="uploadBtn" class="hidemefromUsers">An upload button for required docs</label>
<button aria-label="A button to upload" id="uploadBtn">Upload</button>
.hidemefromUsers {
position: absolute;
left: -99em;
height: 0;
}
再次,当我将鼠标悬停在使用 nvda 上时,它只显示“上传”。我试过 chrome、firefox 和 edge。都有相同的结果。谁能告诉我我在这里做错了什么?我的总验证器抱怨我没有使用唯一标签,但我无法让它读取我的 aria-label 属性。有任何想法吗?谢谢