如何隱藏屏幕閱讀器的元素/畫外音

<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

回答