How to write alternative text for images

Writing effective alternative text for images

The function of alternative text (alt text) is to provide a description alternative to non-text content in web pages. Alternative text serves many purposes, but as computers and screen readers are unable to analyse an image, the main function of alt text is to describe what is being presented. Alt text enables the content and function of the image to be accessible to those with visual or cognitive disabilities.

It’s about the context

When deciding upon appropriate alternative text, context is key. The alt text should differ based on the context of the image. When writing effective alt text there are several main principles that you should follow:

  1. Be as specific as possible
  2. Keep it short and succinct; the most popular screen readers will automatically cut off alt text at approximately 125 characters
  3. Use keywords
  4. Don’t forget form buttons; image buttons should have an alternative attribute that describes the function of the button.

Alternative text for images

Spacer images, which are invisible images used to create space on the page, should be given null alternative text or alt=”.

Bullets and icons should be treated in the same way as spacer images and given a null alt text or alt=”. This is because if the alt text “Bullet” is assigned to each image then the screen reader would read aloud “Image, bullet” before each item, resulting in a longer time to work through the list.

Decorative images should also be given a null alternative text or alt=” as they have no benefit to the end user.

Websites will vary how they apply alt text for logos; some may say ‘company name’ and some may say ‘company name logo’ and others may describe the function of the image, for instance taking you back to the homepage and so say ‘back to homepage’.

Within navigation menus the alternative text shouldn’t be used to expand on the image; if the menu item says ‘Information’ then the alt text should also say ‘Information’. Alt text should repeat the text word for word. If you wish to expand on the navigation you should use the title attribute.

Want to know more?

Connect was initially founded over 25 years ago to provide transcription services and promote accessibility, allowing everyone to achieve. Our transcription services include braille, large print and digital accessible formats using alternative text.

Connect Design can provide fully interactive PDFs, ensuring that your information meets the required standards and can be accessed by all end users. Our specialists ensure that our documents or forms in PDF format are validated to meet Section 508 and Web Content Accessibility Guidelines 2.0.

To find out more about how we can provide accessible content for your business, please get in touch.

Get in touch
Share this:

0 comments on “How to write alternative text for images

Leave a Reply

Your email address will not be published. Required fields are marked *