如何隐藏屏幕阅读器的元素/画外音

<a href="url" aria-hidden="true">Read more</a>

隐藏从屏幕阅读器这一元素，但屏幕阅读器仍然是Read more

我也试图与tabindex=-1到这个锚标记和它的外部div，但仍然屏幕阅读器阅读Read more文本。

有什么办法可以将它从屏幕阅读器中隐藏吗？

2016-11-17 Ahmad

看看这个链接http://www.html5accessibility.com/tests/hidden2013.html – marcusshep

它说，'咏叹调，hidden'通过在MAC铬支持。但在Chrome上没有与我合作。 – Ahmad

如果您使用的是VoiceOver，请使用Safari，而不是Chrome。 VoiceOver用户通常不会使用Chrome（我在真实世界中没有遇到过），因为VO已针对Safari进行了优化。 – aardrian

可能会有所帮助：

ARIA的第四条规则使用

不要使用角色= “演示” 或ARIA隐藏= “真” 可见聚焦元素上。

2016-11-18 14:19:46

有没有试过使用role =“presentation”？它也适用于Chrome。

问候，萨钦

2016-12-06 11:24:20

回答