Alt Text Workshop: Difference between revisions
| Line 3: | Line 3: | ||
== What is alt-text? == | == What is alt-text? == | ||
<blockquote>alternative (alt) text is a textual substitute for non-text content in web pages <ref>https://webaim.org/techniques/alttext/</ref>.</blockquote> | <blockquote>alternative (alt) text is a textual substitute for non-text content in web pages <ref>https://webaim.org/techniques/alttext/</ref>.</blockquote> | ||
This is the | This is the ''sucess criteria'' for alternative text, stated by the World Wide Web Consortium: (WCAG 2.0) | ||
<blockquote>'''1.1.1 Non-text Content:''' All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below <ref>W3C "Non-text Content: Understanding <abbr>SC</abbr> 1.1.1" https://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html</ref>.</blockquote> | <blockquote>'''1.1.1 Non-text Content:''' All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below <ref>W3C "Non-text Content: Understanding <abbr>SC</abbr> 1.1.1" https://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html</ref>.</blockquote> | ||
The exceptional situations listed below are: Controls/ Input, Time-Based Media, Test, Sensory, CAPTCHA, Decoration/Formatting/Invisible | The exceptional situations listed below are: Controls/ Input, Time-Based Media, Test, Sensory, CAPTCHA, Decoration/Formatting/Invisible | ||
Revision as of 08:35, 10 October 2025
... hello, welcome [short introduction here to lay the ground with our intentions for this workshop] ...
What is alt-text?
alternative (alt) text is a textual substitute for non-text content in web pages [1].
This is the sucess criteria for alternative text, stated by the World Wide Web Consortium: (WCAG 2.0)
1.1.1 Non-text Content: All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below [2].
The exceptional situations listed below are: Controls/ Input, Time-Based Media, Test, Sensory, CAPTCHA, Decoration/Formatting/Invisible
<img src="file.jpg" alt=" ">
Why alt-text?
alt-text on platforms
other ways of alt-texting
what else can we write alt-text about?
Alt Text Selfies
what could alt-text for a websites be like?
- Websites that write about their own process of making and accessibility alt-text as poetry has a section about itself, written by the ones who developed the site, together.net is a consent driven community software that has a whole page dedicated to its own accessibility
- alt text for ascii art
what other forms can this writing have?
fanfiction
Exercise
Resources
References
- ↑ https://webaim.org/techniques/alttext/
- ↑ W3C "Non-text Content: Understanding SC 1.1.1" https://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html