1

加上 aria-hidden=”true”，NVDA 仍将显示“您的浏览器不支持视频标签”。在加载视频时。加载视频后，它将播放。由于某些原因，在使用 IE 时，NVDA 不会忽略该文本。使用 Chrome 时它不会读取它，VoiceOver 也不会读取它。有没有人遇到过这个并且没有如何解决它？

这是代码：

<video id="view-video" controls>
    <source src="#" type="#">
    <span aria-hidden="true">Your browser does not support the video    tag.</span>
 </video>
4

2 回答 2

0

如果您提供有关 IE 和 NVDA 的特定版本以及您使用的是键盘还是鼠标的更多详细信息，将会有所帮助。我假设鼠标交互，因为这通常是 IE 中的罪魁祸首。

有了这个假设，我认为这不是你可以用 HTML 或 CSS https://github.com/nvaccess/nvda/issues/5320真正解决的问题。在鼠标模式下，IE 中的 NVDA 最终会读取大量不必要的项目。我认为这就是它所涉及的。

您可以尝试显示 none、role=presentation、aria-hidden、position off screen 等，它似乎仍然可以读取它（无论它是在视频标签内部还是外部）。

那么，你为什么要隐藏它。我认为这不是您的真实代码，因为您确实有源代码并且它们确实加载了。因此，如果文本仅适用于较旧的浏览器，我建议最初根本没有跨度。您可能想要使用modernizr，或者检查是否支持视频标签，然后是否未将其添加到跨度中。或者，如果您只想考虑旧版本的 IE，您可以将内容放在条件标签中。

不幸的是，我发现的所有内容似乎都没有一个简单的答案。

于 2016-04-30T23:35:32.923 回答
0

抱歉，发现问题是 IE 11 和 Edge 和 NVDA 2016 之间的问题。该错误已报告。

于 2016-05-02T09:38:32.447 回答