Alt Text Workshop: Difference between revisions
| Line 29: | Line 29: | ||
== Resources == | == Resources == | ||
* alt-text viewer Browser Extensions [https://addons.mozilla.org/en-US/firefox/addon/popup-alt-attribute/ Firefox] / [https://chromewebstore.google.com/detail/image-alt-text-viewer/nhmihbneenlkbjjpbimhegikadfleccd Chrome] | * alt-text viewer Browser Extensions [https://addons.mozilla.org/en-US/firefox/addon/popup-alt-attribute/ Firefox] / [https://chromewebstore.google.com/detail/image-alt-text-viewer/nhmihbneenlkbjjpbimhegikadfleccd Chrome] | ||
; Web accessibility guides: | |||
* from the W3C [https://www.w3.org/WAI/ WAI] | |||
* [https://www.accessibility-developer-guide.com/ accessibility developer guide] | |||
* [https://wave.webaim.org/ wave] is a browser based tool to check your websites accessibility | |||
== References == | == References == | ||
Revision as of 08:46, 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 - WCAG 3.0 published a draft 09/2025)
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
- Web accessibility guides
- from the W3C WAI
- accessibility developer guide
- wave is a browser based tool to check your websites accessibility
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