How do screen readers read alt text?
Here's a the Day 44 tip read by a screen reader. Many people who use screen readers speed up the text quite a bit, this recording is at double the base speed. Notice how it reads the alt text of the two images.
Transcript:
Transcript file: Download transcript (Word)
[Microsoft narrator]
Image Microsoft Edge secondary menu indicating the inspect option.
Heading one. Day 44. Check the alt text of a web image.
Paragraph. June 23rd, 2024.
Paragraph. Day 44. Check the alt text of a web image.
Paragraph. Since the alt text is read by a screen reader, we don't see it just looking at a web page. How can you check if an image has alt text if you can't see it? Good news-- all web browsers have an option to inspect the image.
Paragraph. Check the all text of an image on a web page.
List with four items. Check the alt text of an image on a web page.
Item one list item. Right-select the image
Item two list item. Select the inspect option.
Item three list item. Locate the code that begins with alt equals
Item four list item. The text in the quotes is a description of the image.
Paragraph. For example, if you inspect the image below, you should see the code. Alt equals with the description a group of women of all ages collaborating at a work table.
Image. A group of women of all ages collaborating at a work table.