SlideShare utilise les cookies pour améliorer les fonctionnalités et les performances, et également pour vous montrer des publicités pertinentes. Si vous continuez à naviguer sur ce site, vous acceptez l’utilisation de cookies. Consultez nos Conditions d’utilisation et notre Politique de confidentialité.
SlideShare utilise les cookies pour améliorer les fonctionnalités et les performances, et également pour vous montrer des publicités pertinentes. Si vous continuez à naviguer sur ce site, vous acceptez l’utilisation de cookies. Consultez notre Politique de confidentialité et nos Conditions d’utilisation pour en savoir plus.
Alt text as poetry
A creative look at the importance of alt text from Sigma's content team
► We design digital products and services that help people
live and work better
► A human-centred research, design and development company
► We believe that putting people at the heart of our approach delivers
better products to a happier audience
► What is alt text and why is it important?
► Writing alt text can be hard
► How poetry can help
► Your turn
► Some resources
1 in 7
people have a long-term disability, worldwide
people in the UK
have some form of disability
► Disability is more common than
you may think
► We will all experience some kind of
disability at some point
► By the age of 45, most of us will
► Yet many websites do not support
► Many people on iPhone use “Large
Text”; a lot of apps aren’t
Anyone can have challenges
How does this impact you?
Even if you never edit a website, you have the option to improve accessibility every time you:
► Post on Facebook
► Build a PowerPoint slide show
► Write a blog post…
And even if you never do those things, you can influence those who do.
What is alt text
► Alternative text provides a textual alternative to non-text content (for example images) in web pages
► This text can be provided on the page in descriptions around non-text content
► Alt text is alternative text provided in HTML code as an “alt” attribute
► Alt text is read out by screen readers so that screen reader users can access the image
► “Adding alternative text for images is the first principle of web accessibility”
Alt text example 1
alt="Two hexagon shaped photographs with a
smaller picture slightly overlaid by a
larger picture. In the small picture, people
are grouped around a table chatting and
drinking tea. In the larger picture, a
ginger haired white man is sat down,
concentrating, and looking at a laptop."
Alt text example 2
alt="A woman looks unhappy at the one cherry
tomato on her place"
Writing alt text can be hard
► How would you approach the image on the
► Type your answers in the chat.
Image from: https://www.mind.org.uk/information-support/your-stories/riding-
Writing alt text can be hard
► Here it is again with some context.
► Does this change your approach?
► Answer in the chat.
How poetry can help
► I was reminded of the idea of alt text as poetry by my colleague Lisa Matthews (poet and Content Designer
► She sent me this site: https://alt-text-as-poetry.net/ created by disabled activists and artists Bojana Coklyat
and Shannon Finnegan (I wrote to them to ask if I could use their materials*)
► I can’t hope to cover all of it today, please check it out
*They said yes, the materials are also available under a Creative Commons Attribution-NonCommercial 4.0 International License.
3 ideas from the world of poetry that we can apply to alt-text:
► Attention to Language
► Word Economy
► Experimental Spirit
Attention to Language
► What words are we using?
► What are their connotations?
► What is the tone of our writing (the way in which we’re doing the writing)?
► What is the voice (who the reader hears)?
► How do these align with, or contrast, the tone and perspective of the image?
► Alt-text usually aims for brevity
► For most images, one to two sentences will do
► Poetry has a lot to teach us about paring down language to create something that is expressive, yet
► There are lots of complex and interesting questions that come up when translating visual information
► We need to try out different ways of doing this, learning from each other's strategies and techniques
Exercise 1 (warm up)
Choose one of the images on the right
In the chat, list things (objects, people, stuff, nouns) that are
present in the image or related to the image.
Aim to write 5 words, but if you are on a roll, write as many
as come to mind.
List descriptive words or adjectives that describe the image,
a part of the image, or your response to it. How does it make
you feel? What’s the mood of the image?What associations
do you have?
Again, aim to write 5 words, but if you are on a roll, write as
many as come to mind.
Second image from: https://www.studiomuseum.org/collection-item/5-pm-harlem
Exercise 2: Prioritisation
With the same image
In the chat, write a single sentence to describe the
image.The sentence should capture whatever you
think is most important about the image.
Now write a second sentence about the second most
important thing in, or about, the image.
Write a third sentence about the third most
We’ll discuss together
► Alt text is important
► Alt text is like life: it can be tricky, but poetry helps
► You can make a difference
► Check out alt-text-as-poetry.net
► Get in touch (@Just_UX)
► A sidenote: