Providing text alternatives for non-text content

Reading Time: 6 minutes

I recently ran a session with some of our content developers covering alternative text, and the difference between alt text and captions. It seemed to be well received, so I thought I’d write it up.

A screenshot of HTML code showing markup for a <picture> element
Modern web design includes a variety of techniques to provide text alternatives for non-text content. In this example, a <figcaption> provides additional context,

“Text alternatives” is the first guideline of the first principle of WCAG 2.1. It’s literally the first thing to think about – and the reason why is pretty simple: not everyone can see images.

That may be because they have a vision disability. But it could also be because the image has been deleted, renamed or moved. Maybe their network connection is poor. Or their browser doesn’t support the format. Or they have disabled images in their email client because they have a 500MB monthly limit.

Whatever. It happens. Text alternatives are what users rely on when images are not available. Like this one right here:

This image is not available

The alternate text needs to replace the image. So your question becomes very definite:

What text do I need to provide if this image is not available? How might I describe the appearance, purpose, function, or meaning of this image to someone who can’t access it?

Continue reading “Providing text alternatives for non-text content”

On alternatives

Reading Time: < 1 minute

This is for everyone

Tim Berners-Lee

As a content author myself – I am, actually writing this, with fingers – I know it can be hard to choose how to provide alternative text for non-text content.

Do you go full-on and launch into a full description of the image? Or is just a brief alt=”cat” sufficient?

Delicate white blossoms against blue sky.
Tree blossom

So, how would you choose to describe this image to someone who can’t see it?

I gave it a <caption>Tree blossom</caption>, and alt=”Delicate white tree blossom against a clear blue Spring sky”.

Is that perfect? Probably not.

I don’t pretend to understand the lived experience of people whose experience is not like mine.

Then I stumbled across this article on the w3c website.

And I thought, “this looks handy“.

And it is.

Continue reading “On alternatives”

How to create accessible Word documents

Reading Time: 7 minutes

First, some definitions

An accessible document is a document that people with a range of physical and cognitive impairments can read and understand.

An accessible document is, typically, also a document that people with no physical or cognitive impairments can read and understand better, and faster.

Also typically, an accessible document is easier for content authors to maintain. Because it uses tools that are baked in to Word and other MS Office applications to support accessibility and improve workflow.

So, here are some tips on creating accessible Word documents.

Continue reading “How to create accessible Word documents”

Accessibility – Sharing knowledge between organisations

Reading Time: 8 minutes
Using Skyscanner and Scottish Enterprise brand colour palette to show the same visual explanation to a11y being used for short for accessibility
Accessibility can be written as a11y for short — 11 is the number of letters between the first and last letters

Heather Hepburn is the Accessibility Lead for Skyscanner and has been running their accessibility programme for just over a year.

Stéphanie Krus works as a Service Designer and is a member of the ‘Disability Positive’ group at Scottish Enterprise.

We ‘met’ virtually in October 2020 after a talk at the UCD Gathering from Heather Hepburn (Skyscanner) and Adi Latif (AbilityNet): “Digital Accessibility – How to get your organisation on the right track” 

Screenshot of a slide presenting Heather and Adi at the start of the talk
Slide from the talk during the UCD Gathering conference

We realised we had a lot we could share regarding how we address and improve accessibility in our organisations.  So we planned a knowledge sharing session which was held online on 27 January 2021 with about 20 people.

Continue reading “Accessibility – Sharing knowledge between organisations”