jean
jean

This is a very fun Micro Camp presentation by @sod. Accessible Microblogging: A Crash Course (YouTube).

Learn how to add ALT text to your photos and screenshots on Micro.blog! It makes a difference. โค๏ธ

|
Embed
Progress spinner
scojjac
scojjac

@jean High quality video and a great feature of Micro.blog! I have been working on adding alt-text to images using Markdown, too.

|
Embed
Progress spinner
sod
sod

@jean Thanks for spreading the alt love! ๐Ÿฅฐ

|
Embed
Progress spinner
sod
sod

@scojjac Thanks! Reading about your alt-texting efforts makes me happy.

|
Embed
Progress spinner
maique
maique

@jean Thank you for sharing this one. I hadnโ€™t gotten around to it yet, and so glad I did now that you linked to it.

Great video, fun and informative. Amazing work @sod. I should be using this, but have to figure out if thereโ€™s a way to accomplish this with Markdown. I do not usually post using the Mb siteโ€ฆ ๐Ÿค”

|
Embed
Progress spinner
sod
sod

@maique Thanks! I'm so happy you are curious to give it a try. Here's how you set the alternative text using markdown:

![Helium balloons stuck at the ceiling. They are in the shape of the digit two and an anthropomorphic piglet โ€“ Peppa Pig.](https://maique.eu/uploads/2022/35c9be2ca7.jpg)

|
Embed
Progress spinner
maique
maique

@sod Thanks. And โ€œOh!โ€! It was hidden in plain sight! ๐Ÿ™‚ Iโ€™d wondered before, as sometimes my posts are image heavy, and Iโ€™m trying it the next time I post.

Again, very entertaining video, and a lesson in there, so thatโ€™s a win-win. Thank you.

|
Embed
Progress spinner
pratik
pratik

@sod Oh! Is that the alt text field? I always thought it was for the caption. @maique

|
Embed
Progress spinner
sod
sod

@pratik Yes, that's for the alt text. You have to resort to HTML and the figcaption element for captions.

|
Embed
Progress spinner
maique
maique

@pratik Thatโ€™s one of the reasons I never got around to it. Ulysses calls this โ€œcaptionโ€, threw me off a little. I just tested it and, if I add that โ€œcaptionโ€, it will be published as Alt Text ๐Ÿ™‚ Perfect.

|
Embed
Progress spinner
pratik
pratik

@maique Exactly why I thought it was the caption coz Ulysses!

|
Embed
Progress spinner
crossingthethreshold
crossingthethreshold

@sod I was thrown by this as when I try this in MarsEdit (@danielpunkass), the Alt Text appears below the image. The same appears to happen in Markdown editors (Drafts, iA Writer). But when I post to my site, and by default Micro.blog, it is not visible (as I would expect).

|
Embed
Progress spinner
Miraz
Miraz

@crossingthethreshold If you grasp that Alt Text is an abbreviated form of alternate text that will help. In general you get either image or alt text. It's not a caption. // @sod

|
Embed
Progress spinner
sod
sod

@crossingthethreshold Hmm, you're right. I downloaded iA Writer just now. The alt text provided via markdown is shown below the image as a caption when previewing.

That's a rather unusual design decision by the developers. And they are not consistent either. Images included via HTML do not show the alt text in preview. I totally get this threw you off.

|
Embed
Progress spinner
crossingthethreshold
crossingthethreshold

@sod @miraz Thank you both. I feel as though I can proceed with using Alt Text, knowing that I am doing so correctly.

|
Embed
Progress spinner
In reply to
mellowdave
mellowdave

@sod ๐Ÿ˜๐Ÿ˜๐Ÿ˜๐Ÿ˜๐Ÿ˜๐Ÿ˜๐Ÿ˜

|
Embed
Progress spinner
annahavron
annahavron

@jean @sod thanks so much for this, I had been wondering how to do that!

|
Embed
Progress spinner
sod
sod

@annahavron Thanks for checking it out! ๐Ÿฅฐ I see you've added alternative text for the photos on your blog now. That's awesome; good work!

|
Embed
Progress spinner