使用 aria-labelledby 来引用自己和其他人的 ID 不起作用
Using aria-labelledby to refer to self and others IDs is not working
我是网络辅助功能的新手，我是根据 Youtube 视频学习的。我看了这个视频：
https://www.youtube.com/watch?v=z8xUCzToff8
并注意使用 aria-labelledby 来引用自己和其他人的 ID 是行不通的。来自以下这个视频的截图
此代码片段（从屏幕截图中复制）
<h2 id="lbl">Men's Outerwear</h2>
<button id="btn" aria-labelledby="lbl btn">Shop Now</button>
应该通过屏幕 reader 发音为“男士外套，立即购买，按钮”。但是，当我在 Chrome 中使用 Screen Reader 扩展程序对其进行测试时，我只听到“男士外衣”。我错过了什么？
实际上，我需要在我的真实 Web 应用程序中使用与上面所示相同的 HTML 结构。所以，我需要找出为什么上面的代码不起作用。
听起来像是您的屏幕 reader 插件中的错误。您没有使用真实用户使用的 standard screen reader 进行测试。尝试其中之一：
- JAWS (PC) - 它有免费试用模式，因此您可以测试您的示例。
- NVDA (PC) - 尽管接受捐赠，但完全免费。
- VoiceOver (Mac) - 已安装在 Macs
- VoiceOver (iOS) - 已安装在 iOS 台设备上
我一直在使用 aria-labelledby ，并且在上述所有屏幕上使用多个 ID 效果很好 readers。
我是网络辅助功能的新手，我是根据 Youtube 视频学习的。我看了这个视频：
https://www.youtube.com/watch?v=z8xUCzToff8
并注意使用 aria-labelledby 来引用自己和其他人的 ID 是行不通的。来自以下这个视频的截图
此代码片段（从屏幕截图中复制）
<h2 id="lbl">Men's Outerwear</h2>
<button id="btn" aria-labelledby="lbl btn">Shop Now</button>
应该通过屏幕 reader 发音为“男士外套，立即购买，按钮”。但是，当我在 Chrome 中使用 Screen Reader 扩展程序对其进行测试时，我只听到“男士外衣”。我错过了什么？
实际上，我需要在我的真实 Web 应用程序中使用与上面所示相同的 HTML 结构。所以，我需要找出为什么上面的代码不起作用。
听起来像是您的屏幕 reader 插件中的错误。您没有使用真实用户使用的 standard screen reader 进行测试。尝试其中之一：
- JAWS (PC) - 它有免费试用模式，因此您可以测试您的示例。
- NVDA (PC) - 尽管接受捐赠，但完全免费。
- VoiceOver (Mac) - 已安装在 Macs
- VoiceOver (iOS) - 已安装在 iOS 台设备上
我一直在使用 aria-labelledby ，并且在上述所有屏幕上使用多个 ID 效果很好 readers。