我的 tooltip 无障碍失误与修正

Fixing my tooltip accessibility mistake

最近我在制作关于 Firefox 新特性的视频时，犯了一个 tooltip 无障碍错误。我参考了 Scott O'Hara 的示例，使用 aria-describedby 将按钮与 popover="hint" 提示框关联。测试 VoiceOver 时，我发现按钮标签被重复朗读，于是移除了 aria-label，自以为解决了问题。然而，Léonie Watson 和 Gez Lemon 指出，移除 aria-label 后按钮失去了可访问名称，导致 JAWS 等屏幕阅读器产生混乱。最终，我改用 aria-labelledby 将提示框内容作为按钮名称，完美修复了问题。这次经历提醒我们：交互元素必须有可访问名称，且单一屏幕阅读器测试不足以覆盖所有场景。