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

Question

I have added the following html

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

to hide this element from screen reader but the screen reader still the Read more

I have also tried with tabindex=-1 to this anchor tag and to its outer div but still the screen reader read the Read more text.

Is there any way to hide it from the screen reader?

Answer 1

may be helpful:

Notes on using ARIA in HTML

Fourth rule of ARIA use

Do not use role="presentation" or aria-hidden="true" on a visible focusable element .

Answer 2

Have your tried using role="presentation" ? It also work for chrome.

Regards, sachin