Accessibility Change in Jaws

Question

I have an image

<a href="#"> <img src="sample.jpg" alt="sample"> </a>

which is reading as LINK GRAPHIC by JAWS, I have to make JAWS to read as Sample Image.

Answer 1

Why would you try to make JAWS read something in particular?
The important part is the information and content your page is giving to your users. What's the purpose of this content?
Only then, verify that screen readers are reading out the information in a correct manner. a>img is a link graphic; JAWS is correct.

Ryan's Notes

There are two ways to maybe get it like that:

1. Make sure the user is in expert mode with specific settings. Asking a user to adjust their settings so your site reads nicer, probably won't happen.
2. Write a JAWS script to interpret <a><img> a certain way. _See #1, _

Answer 2

Wrap your text with invisible content markup and hide img-tag from JAWS via aria-hidden:

 <a href="#">
    <div style="font-size: 0; line-height: 0;">JAWS reads this text</div>

    <img src="sample.jpg" alt="sample" aria-hidden="true">
 </a>

More ways to create invisible content can be found here: https://webaim.org/techniques/css/invisiblecontent/