Adding alt text to images

Name:

Date:

Class:

Quick Questions

Shade in the A or B circle for each question.

1. What is alt text for?

A A short description of an image that a screen reader can read aloud

B A caption that makes the image bigger on the screen

2. Which person would benefit most from alt text on an image?

A A student who prefers to print their work in colour

B A student who uses a screen reader because they are blind

3. How do you usually start adding alt text to an image in a document?

A Right-click the image and choose Alt text

B Double-click the image and press Delete

4. Your photo shows a school soccer team celebrating a win. Which alt text is better?

A IMG_4821.jpg

B Year 8 soccer team cheering after winning the grand final

5. What should good alt text describe?

A The purpose of the image and what it shows

B Only the file size and the date it was saved

Match the Pairs

Draw a line connecting each item on the left to its match on the right.

Left column		Right column
1Right-click > Alt text		AAn image with alt text that a screen reader can read aloud
2<img src="dog.jpg" alt="Brown dog catching a ball">		BA file name does not describe the image or its purpose. Write a short description of what the image shows instead.
3Alt text should describe the purpose of the image, such as showing a graph of rising sales		CAlt text: Line graph showing sales rising each month
4Alt text is a short description attached to an image so a screen reader can read it aloud		Dalt="Student using a laptop in class"
5Alt text: IMG_4527.jpg		EThe steps to open the box where you type a written description for an image
6Alt text: Image of a picture of a photo showing a picture of our school sports day where lots of students from every year level ran races and cheered		FThe alt text is far too long and repeats words like image and picture. Keep it short and describe the purpose, such as Students racing at sports day.

Definitions

Alt text

Fill in the Blanks

Complete each line of code by filling in the missing parts.

Right-click the image, then choose ________

___________ the image > Alt text > describe it

Alt text is read aloud by a _____________

Good alt text describes the image's _______

Alt text is a short written ___________ of an image

Spot the Error

Shade in the letter of the line that contains an error.

Question 1

A Click the photo of the dog

B Right-click the image

C Choose Alt text

D Type: IMG_4521.jpg

Question 2

A Insert the school logo

B Left-click the logo

C Choose Alt text

D Type: School crest with a lion

Question 3

A <img

B src="dog.jpg"

C alt="image"

D >

Question 4

A Select the bar chart image

B Right-click, choose Crop

C Describe what the chart shows

D Type: Bar chart of test scores

Question 5

A Image: arrow button to submit

B Purpose: send the form

C Alt text: Right arrow

D Done: screen reader says it

Answer Key

Adding alt text to images

Section A: Quick Questions

A — A short description of an image that a screen reader can read aloud

B — A student who uses a screen reader because they are blind

A — Right-click the image and choose Alt text

B — Year 8 soccer team cheering after winning the grand final

A — The purpose of the image and what it shows

Section B: Match the Pairs

Right-click > Alt text → The steps to open the box where you type a written description for an image

<img src="dog.jpg" alt="Brown dog catching a ball"> → An image with alt text that a screen reader can read aloud

Alt text should describe the purpose of the image, such as showing a graph of rising sales → Alt text: Line graph showing sales rising each month

Alt text is a short description attached to an image so a screen reader can read it aloud → alt="Student using a laptop in class"

Alt text: IMG_4527.jpg → A file name does not describe the image or its purpose. Write a short description of what the image shows instead.

Alt text: Image of a picture of a photo showing a picture of our school sports day where lots of students from every year level ran races and cheered → The alt text is far too long and repeats words like image and picture. Keep it short and describe the purpose, such as Students racing at sports day.

Section C: Definitions

Alt text — A short written description added to an image so screen readers can read it aloud to people who cannot see it. Right-click the image, choose Alt text, and describe its purpose.

Section D: Fill in the Blanks

Right-click the image, then choose Alt text

Right-click
 the image > Alt text > describe it

Alt text is read aloud by a screen reader

Good alt text describes the image's purpose

Alt text is a short written description
 of an image

Section E: Spot the Error

D — A file name does not tell a screen reader user what the photo shows. The alt text should describe the image, for example 'Brown dog fetching ball'.

B — The Alt text option is in the menu that opens when you right-click the image. A left-click only selects it. The line should be 'Right-click the logo'.

C — The word 'image' does not describe anything, so it gives a screen reader user no useful information. The alt text should say what the picture shows, such as 'Dog catching a ball'.

B — Crop only trims the picture and does not add a description. To add alt text you right-click and choose Alt text.

C — Good alt text describes the purpose of the image. This button sends the form, so the alt text should be 'Submit form', not what the arrow looks like.