Запретить программам чтения с экрана читать текст на странице HTML

Question

Вместо значка или изображения я использую определенный текст, который не хочу зачитывать пользователям, использующим программы чтения с экрана, такие как JAWS. Как я могу предотвратить это? Я пытался aria-hidden но он по-прежнему считывает содержимое. Есть ли какой-нибудь эффективный способ предотвратить чтение определенных текстов на экране?

Answer 1

Есть несколько способов сделать это. Если это просто изображение, то любое из следующего приведет к исчезновению изображения для пользователя программы чтения с экрана:

<img src="whatever.ext" alt=""/>
<img src="whatever.ext" role="presentation" />

Конечно, вы также можете удвоить это, чтобы прояснить, что вы имеете в виду

<img src="whatever.ext" role="presentation" alt="" />

Они также должны работать в новых браузерах, которые строго соответствуют ARIA, но я не проверял их во всех браузерах

<img src="whatever.ext" aria-label="" />
<img src="whatever.ext" aria-hidden="true" />
<img src="whatever.ext" title="" />