W3C Standards Website

Use Alt text for images

So why use Alt text

Alt text helps users with visual impairments, provides context when images don’t load, and improves SEO by giving search engines information about the image content.


Some other points include


Examples of Good vs. Bad Alt Text

Good Alt Text: "A golden retriever puppy playing with a red ball in a grassy park."

Bad Alt Text: "Image1234.jpg"

Hover over the image below to view alt text!

A golden retriever puppy playing with a red ball in a grassy park.

Here is how to add alt text to an image

<img src="Golden dog.webp" 
        alt="A golden retriever puppy playing with a red ball in a grassy park." width="300">

Click the cards below to learn more about each point!

Use Clear Text

Use Headings Properly

Ensure Sufficient Colour Contrast

Don't Rely on Colours Alone

Provide Alt Text for Images

Make Links Descriptive

Ensure Keyboard Navigation Works

Use Forms Carefully

Provide Captions for Videos

Avoid Auto-Playing Audio or Video