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

时间:2016-11-17 15:48:35

标签: html wai-aria screen-readers

我添加了以下html

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

从屏幕阅读器隐藏此元素,但屏幕阅读器仍为Read more

我还尝试使用tabindex=-1此锚标记及其外部div,但屏幕阅读器仍然会读取Read more文本。

有没有办法将它隐藏在屏幕阅读器中?

2 个答案:

答案 0 :(得分:1)

可能会有所帮助:

Notes on using ARIA in HTML

  

使用ARIA的第四条规则

     

不要使用role =&#34; presentation&#34;或者aria-hidden =&#34; true&#34;在一个可见的   可聚焦元素。

答案 1 :(得分:0)

您是否尝试过使用role =“presentation”?它也适用于镀铬。

此致 萨钦