NVDA 没有读取按钮的 aria-label

问题描述 投票:0回答:0

我正在努力让我的应用程序遵守可访问性标准。我根据数据列表添加了动态数量的按钮。我无法让 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 属性。有任何想法吗?谢谢

html accessibility nvda
© www.soinside.com 2019 - 2024. All rights reserved.