如何在IE中使用屏幕阅读器阅读替代文本

Question

I am using NVDA and I want to know why my img elements alt text are not being read by the screen reader. By being read I mean as in listening to the screen reader telling the alt text contents back to me.

Good to know : every other browser (Chrome, FireFox, Safari, others) have had no issues doing this, except for IE.

I have the following dummy HTML code to share with you.

<img id="sample_image" src="http://placehold.it//100x100" type="image" alt="An example image" tabindex="0"/>

For your information: tabindex="0" is in place so I can use keyboard focus on it, it matters to me.

I have read the documents on the matter of image alt text in E, image tag accessibility in IE, among other inquiries. Sadly I have hit a roadblock and I am stuck trying to figure out what is wrong with IE.

Any feedback as to why this is the case would be great!

Answer 1

Open Internet Options , switch to tab Advanced and check the Accessibility option Always expand ALT text for images .

This is recommended on Microsoft article Accessibility in Internet Explorer 9 for screen readers. This setting is recognized by all versions of Internet Explorer.

You may need to uncheck option Show pictures under Multimedia also on tab Advanced of the Internet Options as the Microsoft page Accessibility in Internet Explorer 11 additionally recommends.

I have this option also enabled although not using a screen reader to get the alternate text displayed as tooltip.

Answer 2

尝试使用aria-label属性（与alt属性结合使用）。