techhub.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A hub primarily for passionate technologists, but everyone is welcome

Administered by:

Server stats:

4.6K
active users

#AlternativeText

0 posts0 participants0 posts today
Silvia Maggi<p>It’s July 2025, and the EAA (European Accessibility Act) has become law. Please take some time to describe images to people with low or no vision, from human to human.</p><p><a href="https://silviamaggidesign.com/blog/from-human-to-human-text-alternative/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">silviamaggidesign.com/blog/fro</span><span class="invisible">m-human-to-human-text-alternative/</span></a></p><p><a href="https://mastodon.design/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.design/tags/AlternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlternativeText</span></a> <a href="https://mastodon.design/tags/AutomatedDescriptions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AutomatedDescriptions</span></a></p>
Nervensäge 💐<p><span class="h-card" translate="no"><a href="https://mstdn.social/@GeriAQuin" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>GeriAQuin</span></a></span> </p><p><a href="https://troet.cafe/tags/alternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>alternativeText</span></a> <a href="https://troet.cafe/tags/imageDescription" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>imageDescription</span></a> <a href="https://troet.cafe/tags/blind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blind</span></a> <a href="https://troet.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://troet.cafe/tags/inclusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>inclusion</span></a><br>Currently I can't see any alt text on this image.<br>There are people here who participate in Mastodon with a screen reader. In order to be able to imagine what has been posted, they need an image description as detailed as possible. You enter that when you upload the image. <a href="https://troet.cafe/tags/AltTextMovement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltTextMovement</span></a></p><p><a href="https://supercooldesign.co.uk/blog/how-to-write-good-alt-text" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">supercooldesign.co.uk/blog/how</span><span class="invisible">-to-write-good-alt-text</span></a></p>
Nervensäge 💐<p><span class="h-card" translate="no"><a href="https://pixelfed.social/Geoghooligan" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Geoghooligan</span></a></span> No alt text<br><a href="https://troet.cafe/tags/alternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>alternativeText</span></a> <a href="https://troet.cafe/tags/imageDescription" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>imageDescription</span></a> <a href="https://troet.cafe/tags/blind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blind</span></a> <a href="https://troet.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://troet.cafe/tags/inclusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>inclusion</span></a><br>Currently I can't see any alt text on this image.<br>There are people here who participate in Mastodon with a screen reader. In order to be able to imagine what has been posted, they need an image description as detailed as possible. You enter that when you upload the image. <a href="https://troet.cafe/tags/AltTextMovement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltTextMovement</span></a></p><p><a href="https://supercooldesign.co.uk/blog/how-to-write-good-alt-text" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">supercooldesign.co.uk/blog/how</span><span class="invisible">-to-write-good-alt-text</span></a></p>
Nervensäge 💐<p><span class="h-card" translate="no"><a href="https://lemmy.world/u/grasshopper_mouse" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>grasshopper_mouse</span></a></span> <a href="https://troet.cafe/tags/alternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>alternativeText</span></a> <a href="https://troet.cafe/tags/imageDescription" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>imageDescription</span></a> <a href="https://troet.cafe/tags/blind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blind</span></a> <a href="https://troet.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://troet.cafe/tags/inclusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>inclusion</span></a><br>Currently I can't see any alt text on this image.<br>There are people here who participate in Mastodon with a screen reader. In order to be able to imagine what has been posted, they need an image description as detailed as possible. You enter that when you upload the image. <a href="https://troet.cafe/tags/AltTextMovement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltTextMovement</span></a></p><p><a href="https://supercooldesign.co.uk/blog/how-to-write-good-alt-text" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">supercooldesign.co.uk/blog/how</span><span class="invisible">-to-write-good-alt-text</span></a></p>
medio pocillo 🧳🎒📦📦📦<p>This bot <span class="h-card" translate="no"><a href="https://vmst.io/@nhc_atlantic_bot" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>nhc_atlantic_bot</span></a></span> includes <a href="https://spore.social/tags/alternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>alternativeText</span></a> for <a href="https://spore.social/tags/weather" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>weather</span></a> <a href="https://spore.social/tags/maps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>maps</span></a>! </p><p>Bot con <a href="https://spore.social/tags/textoAlternativo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>textoAlternativo</span></a> para los <a href="https://spore.social/tags/mapas" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mapas</span></a> del <a href="https://spore.social/tags/tiempo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tiempo</span></a>.</p><p><a href="https://spore.social/tags/NWS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NWS</span></a> <a href="https://spore.social/tags/NHC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NHC</span></a> <a href="https://spore.social/tags/SNM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SNM</span></a> <a href="https://spore.social/tags/CNH" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CNH</span></a> <a href="https://spore.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://spore.social/tags/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltText</span></a> <a href="https://spore.social/tags/accesibilidad" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accesibilidad</span></a> <a href="https://spore.social/tags/WX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WX</span></a> <a href="https://spore.social/tags/hurac%C3%A1n" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>huracán</span></a> <a href="https://spore.social/tags/hurricane" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hurricane</span></a> <a href="https://spore.social/tags/Milton" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Milton</span></a></p>
sprungmarkers (she / her)<p>that really not that accurate from <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a> for <a href="https://mastodon.social/tags/AlternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlternativeText</span></a> of red and green apples: „A beautiful sunset over a calm ocean with vibrant orange and pink hues reflecting on the water.“ <a href="https://mastodon.social/tags/GovUk" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GovUk</span></a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a><br><a href="https://accessibility.blog.gov.uk/2024/07/17/alternative-text-in-action/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">accessibility.blog.gov.uk/2024</span><span class="invisible">/07/17/alternative-text-in-action/</span></a></p>
Dan Keck<p>Did you know that Fedilab, a Fediverse client for Android, has a translation button? It works on post content and also image alt text! </p><p>This example image comes from the German Aerospace Center at <span class="h-card"><a href="https://social.bund.de/@dlr_next" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>dlr_next</span></a></span> .</p><p><span class="h-card"><a href="https://piaille.fr/@Fedilab" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Fedilab</span></a></span> <a href="https://a11y.social/tags/Fedilab" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fedilab</span></a> <a href="https://a11y.social/tags/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltText</span></a> <a href="https://a11y.social/tags/AlternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlternativeText</span></a> <a href="https://a11y.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://a11y.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://a11y.social/tags/Translation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Translation</span></a> <a href="https://a11y.social/tags/Translate" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Translate</span></a> <a href="https://a11y.social/tags/Language" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Language</span></a> <a href="https://a11y.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> <a href="https://a11y.social/tags/Pleroma" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pleroma</span></a> <a href="https://a11y.social/tags/Friendica" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Friendica</span></a> <a href="https://a11y.social/tags/Pixelfed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pixelfed</span></a> <a href="https://a11y.social/tags/Android" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Android</span></a> <a href="https://a11y.social/tags/AndroidA11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AndroidA11y</span></a> <a href="https://a11y.social/tags/TalkBack" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TalkBack</span></a> <a href="https://a11y.social/tags/ScreenReader" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScreenReader</span></a></p>
Stefan Bohacek<p>Be sure to also follow <span class="h-card"><a href="https://mastodon.social/@alttexthalloffame" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>alttexthalloffame</span></a></span>, and feel free to share more examples of well-written, even whimsical image descriptions.</p><p><a href="https://stefanbohacek.online/tags/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltText</span></a> <a href="https://stefanbohacek.online/tags/AlternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlternativeText</span></a> <a href="https://stefanbohacek.online/tags/ImageCaptions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ImageCaptions</span></a> <a href="https://stefanbohacek.online/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://stefanbohacek.online/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://stefanbohacek.online/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAccessibility</span></a> <a href="https://stefanbohacek.online/tags/AltTextHallOfFame" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltTextHallOfFame</span></a></p>
Stefan Bohacek<p>My new project, <a href="https://AltTextHallOfFame.org" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="">AltTextHallOfFame.org</span><span class="invisible"></span></a>, is a celebration of the effort, ingenuity, and creativity that goes into making the web a friendlier and more inclusive place, one captioned image at a time.</p><p><a href="https://stefanbohacek.online/tags/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltText</span></a> <a href="https://stefanbohacek.online/tags/AlternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlternativeText</span></a> <a href="https://stefanbohacek.online/tags/ImageCaptions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ImageCaptions</span></a> <a href="https://stefanbohacek.online/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://stefanbohacek.online/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://stefanbohacek.online/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAccessibility</span></a> <a href="https://stefanbohacek.online/tags/AltTextHallOfFame" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltTextHallOfFame</span></a></p>
Jean Sans Peur<p>Vous savez comment on peut copier des images avec leur ALT quand il existe ? Pour moi, le ALT apparaît généralement dans des infobulles et il n'est pas possible de le copier/coller, donc je le recopie à la main.</p><p>Si ce n'est pas possible, ce serait une chouette idée que de créer cette fonctionnalité (ou aussi la possibilité de faire un glisser/déposer en gardant le ALT). <a href="https://piaille.fr/tags/alternativeTextuelle" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>alternativeTextuelle</span></a> <a href="https://piaille.fr/tags/alternativetext" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>alternativetext</span></a> <a href="https://piaille.fr/tags/alttext" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>alttext</span></a></p>
Aral Balkan<p>Here’s how you add alternative text (“alt text”) to your images on Mastodon so people who use screen readers can also take part.</p><p>1. Add an image to your post.</p><p>2. Press the Edit button.</p><p>3. Add your alt text.</p><p><a href="https://mastodon.ar.al/tags/mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastodon</span></a> <a href="https://mastodon.ar.al/tags/fediTips" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediTips</span></a> <a href="https://mastodon.ar.al/tags/altText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>altText</span></a> <a href="https://mastodon.ar.al/tags/alternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>alternativeText</span></a> <a href="https://mastodon.ar.al/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.ar.al/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a></p>
Sarah E Bourne<p>Mastodon <a href="https://mastodon.social/tags/accessibilty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibilty</span></a> tip: Oops, you forgot the alt text for your post's image, or found a typo in it, and then you find out you can't edit alt text!<br>BUT you can edit the post, so go into edit mode and delete the image. When you re-add the image, you can add alt text!<br><a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.social/tags/AlternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlternativeText</span></a> <a href="https://mastodon.social/tags/AltTextHelp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltTextHelp</span></a></p>
Barbara Anello<p><span class="h-card"><a href="https://sfba.social/@bageler" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>bageler</span></a></span> <a href="https://sfba.social/tags/InclusionMatters" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InclusionMatters</span></a> so I am happy to utilize <a href="https://sfba.social/tags/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltText</span></a> to make content I share here accessible &amp; comprehensible to readers with visual impairments.</p><p>And each of us is free to decide when and/or if to use <a href="https://sfba.social/tags/AlternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlternativeText</span></a> w/o judgment,</p><p>Cheers CB</p>
Cress 🏴󠁧󠁢󠁷󠁬󠁳󠁿 🌻<p>Hello, lovely <a href="https://toot.wales/tags/photographers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>photographers</span></a> ! Please let me boost your gorgeous images by putting <a href="https://toot.wales/tags/AlternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlternativeText</span></a> on them 🙂</p>
Cress 🏴󠁧󠁢󠁷󠁬󠁳󠁿 🌻<p>I can't boost your lovely images if they don't have <a href="https://toot.wales/tags/AlternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlternativeText</span></a> on them, or share your political posts (no matter how much I may agree with them) if they're not behind a <a href="https://toot.wales/tags/ContentWarning" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ContentWarning</span></a>. l don't always remember to check my boosts, but am getting into the habit of doing so. X</p><p>And on that note, a heartfelt <a href="https://toot.wales/tags/goodnight" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>goodnight</span></a> to one and all!</p>
Alexander Lehner, CPACC<p>One of my favorite trees that I pass on my way to work. Also: Testing image alt text <a href="https://tech.lgbt/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://tech.lgbt/tags/AlternativeText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlternativeText</span></a></p>