使用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>
答案 0 :(得分:0)
如果您提供IE和NVDA特定版本的更多详细信息以及您使用的是键盘还是鼠标,这将有所帮助。我假设鼠标互动,因为它通常是IE中的罪魁祸首。
有了这个假设,我认为你可以用HTML或CSS https://github.com/nvaccess/nvda/issues/5320来解决这个问题。在鼠标模式下IE浏览器中的NVDA最终会读取大量不必要的项目。我认为这与它有关。
您可以尝试显示无,角色=演示文稿,咏叹调隐藏,屏幕位置等等,它仍然可以读取它(无论是在视频标签的内部还是外部)。
那么接下来就是为什么你想要隐藏它。我认为这不是你真正的代码,因为你确实有源,他们确实加载。因此,如果文本仅适用于较旧的浏览器,我建议最初不要使用跨度。您可能希望使用modernizr,或者检查视频标记是否受支持,然后是否在范围中添加。或者,如果您只想考虑旧版本的IE,可以将内容放在条件标签中。
不幸的是,从我找到的所有内容中找不到简单的答案。
答案 1 :(得分:0)
抱歉,发现问题是IE 11与Edge和NVDA 2016之间存在问题。该错误已被报道。