Usability and accessibility » Alt texts

Sebastian Greger This is a living document
Last update:

So called alt-texts (alternative text) are the default means to make visual content accessible in a descriptive format. But using them correctly is not an easy, and for sure not precise, science.

For a first deep dive, this text aims to summarize all the most important aspects:

Comprehensive summary of “everything you need to know about alt-texts”

Decision trees

Decision trees are intended to help decide whether and what kind of alt text to use.

The WAI’s decision tree is based on the content of an image

A decision tree based on the purpose and role of the image to be described; see subheading “What is the best way to add alternative content to images?”

Content design considerations

Writing alt texts is not an easy task, but a key part of the design process. Creating good text descriptions for images is an art of its own, but not one that couldn’t be acquired.

Hints for creating alt texts that convey not just the content but the spirit of an image

A perspective on why race and gender should have a place in alt texts as well

Making SVGs accessible

Things work slightly differently if SVG vector graphics are embedded directly (not as an <img>).

I'm Sebastian, Sociologist and Interaction Designer aiming to bring toge­ther social science and design for inclusive, privacy-focused, and sustainable "human-first" digital strategies. This is my "digital garden" with carefully curated resources. For a more stream-like outlet, see my journal.

My monthly email newsletter has all of the above, and there are of course also an RSS feed and Twitter.