问如何将辅助功能内容添加到HTML 'label‘元素？
EN

Stack Overflow用户

提问于 2018-08-17 17:13:50

回答 1查看 55关注 0票数 0

出于可访问性的目的，我只想在label中添加一些额外的内容。我用可视化的隐藏类在span中包含了内容。但是，屏幕阅读器(NVDA)不能识别额外的内容。

<label for="nameInput"> 
  Name: <span class="sr-only">your name </span> 
</label>
<input id="nameInput" class="components-input" />

我不能将<label>替换为其他任何标记，比如<p aria-label>或其他标记。

我如何才能做到这一点？

发布于 2018-08-17 17:37:57

aria-label属性适用于所有元素。你不需要使用段落。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51892082

复制

相似问题

问如何将辅助功能内容添加到HTML 'label‘元素？EN