CODEWITHSUNDEEP
htmlwai-ariascreen-readers
Ahmad
Ahmad

Reputation: 2129

How to hide an element from screen reader/voiceover

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?

Upvotes: 2

Views: 3409

Answers (2)

Steve Faulkner
Steve Faulkner

Reputation: 2630

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 .

Upvotes: 1

sachin kumar
sachin kumar

Reputation: 159

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

Regards, sachin

Upvotes: 0

Related Questions