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
In reply to
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
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