Alt Text Descriptions: Difference between revisions
No edit summary |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
During the prototyping class about accessibility we did two small excercises to think more actively about image alt descriptions, inspired by [https://alt-text-as-poetry.net/ alt-text-as-poetry.net/] and Kim and Eleni's workshop [[Alt Text Workshop]]. | During the prototyping class about accessibility we did two small excercises to think more actively about image alt descriptions, inspired by [https://alt-text-as-poetry.net/ alt-text-as-poetry.net/] and Kim and Eleni's workshop [[Alt Text Workshop]]. | ||
Find the pad here: https://pad.xpub.nl/p/210426-accessibility | |||
== Excercise 1. == | == Excercise 1. == | ||
| Line 55: | Line 57: | ||
|A digital drawing of a round yellow shape representing a face. This is commonly referred as an Emoji. 2 very big rounded eyes spread wide open. Eyebrows are very risen above the eyes. A very small mouth. Red shaded chicks. The whole drawing of this expression is inflated to that everything is enlarged and with a spherical perspective where things are narrower towards the outside of the sphere. The expression represents major shock and disbelief. ''Drawing is : Luca (a part from the chick all gooed)'' | |A digital drawing of a round yellow shape representing a face. This is commonly referred as an Emoji. 2 very big rounded eyes spread wide open. Eyebrows are very risen above the eyes. A very small mouth. Red shaded chicks. The whole drawing of this expression is inflated to that everything is enlarged and with a spherical perspective where things are narrower towards the outside of the sphere. The expression represents major shock and disbelief. ''Drawing is : Luca (a part from the chick all gooed)'' | ||
|- | |- | ||
| | |[[File:Alt description excercise .jpg|alt=Two people posing with a laptop and a smartphone, showing respectively a drawing and a photo of someone on the beach |500x500px]] | ||
|There is an Asian guy who people assume is under 18 but is actually 28 years old standing in the foreground wearing a blue peaky blinders cap, a short sleeved summer Daily Paper blouse with Van Gogh's Irises painting printed on it, a Mona Lisa t shirt, a fanny pack strapped over his shoulders from the Adidas Germany World Cup collection, and summer shorts from the same set and collection of the blouse. There is a sunny beach in the background with a few white clouds and some tiny figures on the beach. The beach is actually famous during WW2, because it is Omaha Beach in Normandy, France, where American infantry landed on the 6th of June 1944 as part of D-Day to liberated Europe from Nazi Germany. It is famously portrayed in the movie, Saving Private Ryan, and is nicknamed Bloody Omaha. German artilleries opened fire on the Americans only stepping out of their boats. ''(Kamo is drawing)'' | |There is an Asian guy who people assume is under 18 but is actually 28 years old standing in the foreground wearing a blue peaky blinders cap, a short sleeved summer Daily Paper blouse with Van Gogh's Irises painting printed on it, a Mona Lisa t shirt, a fanny pack strapped over his shoulders from the Adidas Germany World Cup collection, and summer shorts from the same set and collection of the blouse. There is a sunny beach in the background with a few white clouds and some tiny figures on the beach. The beach is actually famous during WW2, because it is Omaha Beach in Normandy, France, where American infantry landed on the 6th of June 1944 as part of D-Day to liberated Europe from Nazi Germany. It is famously portrayed in the movie, Saving Private Ryan, and is nicknamed Bloody Omaha. German artilleries opened fire on the Americans only stepping out of their boats. ''(Kamo is drawing)'' | ||
|- | |- | ||
| Line 91: | Line 93: | ||
|A profile picture from a slightly above angle. The person looks up to the camera and smiles shyly. Mid 30s, short hair and a small troubadour. A short goatee and moustache, and a transparent framed glasses. The person wears a dark t-shirt with the saying "people doing strange things with software". In the background, some shelves and an archive. The picture has a glitch filter, showing some chroma distortion. ''(PHILLIP draw this)'' | |A profile picture from a slightly above angle. The person looks up to the camera and smiles shyly. Mid 30s, short hair and a small troubadour. A short goatee and moustache, and a transparent framed glasses. The person wears a dark t-shirt with the saying "people doing strange things with software". In the background, some shelves and an archive. The picture has a glitch filter, showing some chroma distortion. ''(PHILLIP draw this)'' | ||
|} | |} | ||
[[Category:Workbooks]] | |||
Latest revision as of 12:40, 4 May 2026
During the prototyping class about accessibility we did two small excercises to think more actively about image alt descriptions, inspired by alt-text-as-poetry.net/ and Kim and Eleni's workshop Alt Text Workshop.
Find the pad here: https://pad.xpub.nl/p/210426-accessibility
Excercise 1.
Given three minutes, write an alt-description for this image.
- Luca: in the center focus point, a white and red mug with a print. The print is a gorilla in resting position, painted in bob ross style. On its right, two human fingers form a peace sign. On its left, a consumer cellphone of the brand apple. On the background, a laptop computer, two blurred people wearing a yellow and a maroon shirt.
- Barbara: The image is a photograph. In the center of frame is a coffee cup, it has the handle on the left side. The width of the cup widens at the rim. The inside of the cup is red and the outside is covered with a realistic image of a gorilla, sitting and facing the camera. The gorilla is surrounded by green foliage. The cup is standing on a black table surface. To the left side of the cup is a smartphone lying down on the table, the screen is black. On the right side of the cup you can see someone's middle and pointer fingers straightened, doing a peace sign. In the background behind the cup is someone's laptop, it is silver colored. Behind the laptop you can see two people sitting, only their torso's with a yellow shirt and red shirt.
- ???: A cup with a picture of a gorilla sitting in a green environment printed on its outside, red on the inside, and a white handle. next to it, an iphone, and two finders stretching out into a peace sign. in the background, a laptop and two human torsos, wearing red and yellow.
- ???: On a black surface, a white cup with a gorilla sitting on the grass printed on it. Inside of the cup is red. On the left of the cup there is a black iphone and on the right there is someone's hand with v gesture. In the background there is a laptop with 2 people with yellow and brick color t-shirt.
- ???: an image that is taller than wider, probably like in in a ratio of 4:5. At the center of the image, placed on a table, a cilindirical mug, red inside. on the outside it is printed an image of a gorialla sitting in a garden. in the background a partial representation of a macbook by Apple and two people wearing one a yellow clothe and one brown. On the left side, an iphone placed faced down very next to the mug. On the right 2 fingers (index and miffle finger) are spread wide open vertically.
- ???: A mug with a gorilla and I don’t know why the inside is red, but I know this is the mug Kiki uses to drink coffee... From this perspective, you can see Kiki’s computer and her phone.
- ???: This is a rather bewildered gorilla. He’s printed on a very cheap mug with a red interior. I measured the gorilla’s size with my hand.
- robin: a standard coffee mug, sitting on a table. an iphone is laying upside down on a table on its left side. a hand is making a peace sign perpendicular to the cup on its right side. in the background, right behind it, is an opened macbook with an open text editor displaying some unreadable text, because of the background blur. on the cup is a picture of a gorilla, facing towards the camera. the gorilla is sitting, with its hands crossed, and is smiling towards the camera.
- daan: A picture of a white ceramic mug with a picture of a gorilla in a jungle printed on it. The mug has red interior. It's standing on a black office-like table. Next to the mug we see part of a hand which holds up a widely spread peace sign as a form of quick playfulness. In the background we see a an Apple laptop and two people sitting.
- valentin: In the center of the picture we can see a mug on the table and a part of an open laptop behind it and an iphone in the left corner. On the right side of the mug there are two fingers point finger and middle finger mimicing a scissors or a showing peace sign. The central part is the mug whch is shaped that the upper diameter is bigger than the lower part. On the mug there is a gorilla sitting.
- Tommi: This is a photo of a mug with a picture of a gorilla on the side, painted red in the inside. Next to it, two fingers are making the “V” sign. The mug is on a black and plain surface, next to it there is an iPhone with the screen facing down. In the background, blurred, a Macbook Pro, a person with a bordeaux sweater, and a person with a yellow t-shirt with short sleeves.
- Soda:In the center of the image, there is a cup featuring a chimpanzee sitting in a green forest background. The rest of the outside of the cup, apart from this illustration, is white, while the inside is red. Someone is making a peace sign toward the cup. In the background, there is a person wearing red and another wearing yellow, both only partially visible. There is also a MacBook and an iPhone in the scene.
- Kamo: Hold on!!!! Good job today! Here is your coffee, in the cup that you love the most. Sure this meeting has been a bore but… We are gonna go through it together ! Cheer up!!!!
- Philipp: An ape is sitting on a green grass in the foreground with green leaves in the background and a small opening through the sky. The ape is very muscular but their head is smaller than their body. This image is printed on a mug with an outward tip, with white border, and red graphic printed inside. Somebody is holding up a peace sign sideways like a scissor hand sign. There is a grey laptop in the background with some keys on the keyboard visible. The screen of the laptop is covered partially in sunlight reflection. What's on the screen is not visible.
- AI Alt Text Generator: A mug with an image of a gorilla sits on a desk next to a smartphone, with a hand making a V sign beside it. A laptop and two people are in the background.
Emerged comments:
- you don't know if it's a table.
- peace sign is a cultural context
- what is a torso, isn't it bust?
- V is universal shape
- who is kiki?
- cheap? what is the evaluation, low-quality
- what is standard?
- picture can be anything (drawing, photo, engraving, etc.)
- different priorities and focus points when it comes to describing the contents
Excercise 2.
Everyone pick a photo and describe it in three minutes. Descriptions are then distributed between each other without seeing the source photo. Re-draw the image based on the description.