138
submitted 1 month ago* (last edited 1 month ago) by Wheaties@hexbear.net to c/chapotraphouse@hexbear.net

The internet has become 3 massive multi-user blogs, each largely consisting of screenshots taken of the other two. This kind of blows, and not just for the usual reasons that may spring to mind.

Images are a terrible medium for online communication! Not everyone online uses a monitor. Any messages contained in a picture is straight up unacceptable without alt-text. It also makes it harder to find and fact check sources, or to spread a thought or idea further than yet another image upload. Copy/pasting text is just plain easier than downloading and uploading.

If you're going through the trouble of creating an image post, take an extra minuite to copy/past (or even transcribe) the source text into the alt-text submission. It's not much, but it goes a ways to improving how we use this blasted network!


https://uxdesign.cc/how-to-write-an-image-description-2f30d3bf5546

top 50 comments
sorted by: hot top new old
[-] Edie@hexbear.net 23 points 1 month ago* (last edited 1 month ago)

Alt text can also be added to inline images. Per the commonmark spec: ![alt] (/url "title")

See also https://uxdesign.cc/how-to-write-an-image-description-2f30d3bf5546 from the disabled comm sidebar.


This user is suspected of being a cat. Please report any suspicious behavior.

[-] Maeve@kbin.earth 14 points 1 month ago

I appreciate this instructional post, thank you!

[-] FunkyStuff@hexbear.net 18 points 1 month ago

I'm guilty of not always providing alt text. But JSYK posting images doesn't require downloading them and uploading them from my file system. Users can just paste an image from their clipboards into the upload box or comment box and it will automatically host it on Hexbear and insert the link.

[-] Trying2KnowMyself@hexbear.net 15 points 1 month ago

I wish that alt text were easier to see. By default, there’s no indication that there’s alt text set for this image, and at least in the browser I’m currently using, there’s no easy way to copy the alt text.

[-] chgxvjh@hexbear.net 12 points 1 month ago

I'm personally not dependent on alt-texts but I'm checking every single image you all post on here, quietly judging you for the absence of alt-texts and relishing their presence.

[-] KnilAdlez@hexbear.net 12 points 1 month ago

You are completely correct, though I must admit to my own failings when it comes to alt text description.

[-] LeninWeave@hexbear.net 12 points 1 month ago

I usually try to do this now due to accessibility concerns. As @Edie@hexbear.net said, when embedding an image in a comment, the alt text goes inside the [].

[-] Trying2KnowMyself@hexbear.net 9 points 1 month ago* (last edited 1 month ago)

When I was testing it out, it seemed like it was actually the "title" that was getting applied as alt text.

Not actually the alt text, I can’t see this on my current browser except when showing the post source

E: ok, I switched to a computer to double-check the source. The title is actually the title and not the alt text, but that’s all I can easily see on mobile. The alt text is different, but even on the computer only the title is actually easy for me to see without looking at the page source.

[-] LeninWeave@hexbear.net 9 points 1 month ago* (last edited 1 month ago)

You're right that it appears to reverse title and alt-text from the commonmark spec. That might be a bug or unintended deviation.

I know @Edie@hexbear.net has tested post images through a screen reader, but I'm not sure if she has tested comment images. She might know more.

Edit: actually, it's not reversed in the source. It's just that browsers seem to like to show the title text rather than the alt text.

[-] Trying2KnowMyself@hexbear.net 6 points 1 month ago

I took a look from a computer at the source. The fields are mapped properly, but:

  • on the post the alt text is copied to both fields
  • in my emoji example, each field has different content

And regardless of whether I’m looking from a computer or mobile, the alt text is hard or impossible to see, while the title text is potentially visible.

[-] Edie@hexbear.net 6 points 1 month ago* (last edited 1 month ago)

Yes, that is how it works. Title has problems.


This user is suspected of being a cat. Please report any suspicious behavior.

[-] Trying2KnowMyself@hexbear.net 7 points 1 month ago

Use of the title attribute is highly problematic for:

  • People using touch-only devices

Except I’m having the exact opposite experience boohoo

Both? Both? Both. Both is good.

[-] Edie@hexbear.net 5 points 1 month ago* (last edited 1 month ago)

In some contexts it seems that orca will say both. First the alt, then it adds "image", then the title.

Edit: But in others not, it will say just the alt.


This user is suspected of being a cat. Please report any suspicious behavior.

[-] ChaosMaterialist@hexbear.net 4 points 1 month ago

I've been doing alt-text wrong the whole time?! :kiryu-slam:

[-] Trying2KnowMyself@hexbear.net 3 points 1 month ago

Emoji codes don’t translate as well when federated though: Viewed from an mbin instance, image approach shows alt text and raw emoji codesViewed from a different lemmy instance, image renders but emoji code doesn’t

load more comments (1 replies)
load more comments (5 replies)
[-] chgxvjh@hexbear.net 4 points 1 month ago* (last edited 1 month ago)
[-] Trying2KnowMyself@hexbear.net 3 points 1 month ago

In my post above, I put an image with: ![Not actually the alt text, I can’t see this on my current browser except when showing the post source](https://hexbear.net/pictrs/image/011d66a5-46d8-426b-b8a6-fa7847b58aa7.png "This appears as the alt text for me. The image used is the Adventure Time emoji with Finn and Jake fist-bumping.")

On a computer, the only browser I tested was Firefox. The title text displayed on mouse hover. Both title and alt text were visible in the HTML page source.

On mobile, I was only testing with Safari. The title text displays on long press. The post source displays when I click the post source button.

[-] chgxvjh@hexbear.net 3 points 1 month ago

Alt text aren't supposed to be rendered.

Whether that's a good thing? I don't really think so, sure makes it a lot harder to get the average person to care about them.

[-] LeninWeave@hexbear.net 3 points 1 month ago

Maybe a tooltip should be added, or the alt text should be copied to the title as well when there is no title text.

load more comments (1 replies)
[-] Damarcusart@hexbear.net 11 points 1 month ago* (last edited 1 month ago)

Is there a way to alt text when you post an image in a reply?

EDIT: Did it work? Is this how I alt text? A blurry black cat is frightened by a nearby hand.

[-] Revolutionary_Apples@hexbear.net 6 points 1 month ago

"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGH!"

[-] invalidusernamelol@hexbear.net 6 points 1 month ago

Why does your void look like Tom Servo lol

load more comments (1 replies)

didn't even realize alt text was a thing on this site tbh, i have no idea how i would go about seeing it if i wanted to

[-] Trying2KnowMyself@hexbear.net 9 points 1 month ago

On mobile, pressing and holding on an image shows me the title text, which matches the alt text set for an image post. On desktop, hovering my mouse over an image shows the title text. I can’t find an easy way to actually see the alt text if it’s not the same as the title.

[-] robot_dog_with_gun@hexbear.net 3 points 1 month ago

on desktop the button between upvote and reply is "view source" and shows you all the markup including any alt and title text.

load more comments (1 replies)
[-] Arahnya@hexbear.net 11 points 1 month ago

Image descriptions are useful to me, sometimes I don't understand the context of the image being used in relation to the post. I write alt text for a multitude of reasons!

[-] Erika3sis@hexbear.net 10 points 1 month ago

I've always tried to use alt-text when possible, but for inline images I've been confused about whether to put the description between the brackets or in quotes in the parentheses. If this thread is anything to go off of, I guess I should do both, or?

There's also the thing about how to write good descriptions. I'll have to take a good look through the guide that Edie linked in this thread; I skimmed through it just now and it's got some good advice.

In a sense it almost feels "easier" to write AD for a video than for a still image, because with video you generally have a hard limit for how long your description can be — just however long the space is between dialog — and you also oftentimes have less you have to describe if the sound design does it for you. But when you're describing an image, you can just go on and on and on and on and on however long you find reasonable for the target audience. And so I often do.

[-] chgxvjh@hexbear.net 6 points 1 month ago
load more comments (2 replies)
[-] Edie@hexbear.net 5 points 1 month ago* (last edited 1 month ago)

The correct thing to make alt text available for screen reader is between the brackets. In quotes in the parentheses is for the title, and while it can be used for screen readers it is usually only done as a last resort. ~~If you want to make the alt text available for non-accessibility reasons, adding it to the title will allow mouse users to hover over and see it, and for (at least some) mobile users to hold down on the image and get it (see example below), with caveats, e.g. the title gets cut off in my Android browser.~~ Alt text can also be gotten through view source.


This user is suspected of being a cat. Please report any suspicious behavior.

[-] Erika3sis@hexbear.net 5 points 1 month ago

As I was saying, both is best, since I often put extra context in the alt-texts that people might want to know regardless of vision.

[-] chgxvjh@hexbear.net 6 points 1 month ago

Extra context should go in the title, description should go in the the alt.

Getting the same text read twice isn't great.

[-] Edie@hexbear.net 4 points 1 month ago

Using title in this way does not seem like a good idea to me. Either put context in the alt, or if its also useful for visually able people in the main text.


This user is suspected of being a cat. Please report any suspicious behavior.

load more comments (1 replies)
[-] Awoo@hexbear.net 8 points 1 month ago* (last edited 1 month ago)

If we're stickying this thread why don't we just make it a mandatory field in submissions? Just remove the optional, maybe change "optional" to a link to a help thread showing best practices for image description in this field.

Also this actually seems like a real world use-case for AI, an app that uses AI to create descriptions for images for those with sight disabilities as and when required. The kind of genuinely positive use-case the technology ought to be implemented for. (disclaimer, i have not checked whether any of the AIs are actually good at this)

[-] CARCOSA@hexbear.net 6 points 1 month ago

Making the change to mandatory would be a feature request for the toggle box and require coding. I'm happy to help anyone interested get in contact with the lemmy development team if this is something they are interested in.

load more comments (2 replies)
[-] hellinkilla@hexbear.net 5 points 1 month ago

If it's mandatory then it'll get filled with low effort junk much of the time.

load more comments (2 replies)
[-] FrankLaskey@lemmy.ml 7 points 1 month ago

100% agree on this. This also strikes me as something that AI would actually be good at. I’d be shocked if there aren’t screen readers or other software that have an LLM built in to describe images and answer questions about them or software at least working towards that. Obviously it may not always be perfect and bespoke alt text is going to be better since the LLM might not get the gist of certain memes etc but yeah seems like a tailor made use case as opposed to the current shoehorning of AI into nearly everything without any real thought so that half the internet becomes pure slop..

load more comments (1 replies)
[-] hellinkilla@hexbear.net 7 points 1 month ago* (last edited 1 month ago)

I have tried to write alt text for images but am discouraged by a) how difficult it is to adequately convey the point of an image, and b) then knowing few if any people will see it.

Things that make alt text more likely to happen:

  • Alt text should be visible to everyone. Maybe it could go over-top of the blurred images. Or something.
  • When you add an image via the toolbar button or paste into edit box, it should have placeholder alt text like "Image description here"; but that placeholder should get stripped out if it is not edited by the user, to avoid meaningless default alt
  • the markdown Help page that you can get by pressing the (?) button on the far right of the editing toolbar (in default web layout) should describe the use of alt text
  • images that are grabbed automatically when posting a URL should include alt text if available. For example this recent post contains a banner image, pulled from the original page. On hexbear, the proxied image has no alt, but on the original page, if you right-click and use "Inspect" you see alt="A row of teenagers all using their phones."

Images are a terrible medium for online communication

that's a silly thing to say. even the alt text you provided for your own screenshot is way less good at conveying the intended message than the screenshot itself. By looking at the image I can instantly know how to add alt text when uploading an image as a post. But reading the alt text gives a hint, at best.

I've tried before to find guides about how to write alt text but never found anything that suits this kind of environment. It's straight forward if you are talking about interface elements etc but hardly a trivial request when it comes to creative stuff, jokes, or images where inferences are supposed to be made.

load more comments (1 replies)
[-] Dort_Owl@hexbear.net 7 points 1 month ago

I didn't know we could do this and will do it from now on

[-] invalidusernamelol@hexbear.net 6 points 1 month ago* (last edited 1 month ago)

Monkeys paw, every image gets "Pig with Poop on its Balls" as the alt text

Small Black Pig sitting in a box of beer with Poop on its Balls

Note: Why is is that this image has alt text (check the source), but when I long click it on mobile I only get the URL?

[-] Trying2KnowMyself@hexbear.net 7 points 1 month ago

See my various posts about the title vs. alt behavior - a long press shows you the title text.

[-] AernaLingus@hexbear.net 6 points 1 month ago

I keep forgetting to set the actual alt-text, so I appreciate the reminder—I'll try to do better going forward. I always try to provide an image description inside a spoiler tag in the post/comment (example). This blog post (shared by @Edie@hexbear.net previously as well as in this thread) actually says

Most social media platforms these days offer an alt text option. From what I have heard from the community, it’s actually better to put the description in the caption instead. This way, it’s also visible to screen magnifier users and sighted people who might need or benefit from the description. (It’s actually unclear to me whether we should also add a full description or abbreviated version in the alt tag if we are adding to the caption. If you have thoughts or ideas about this, please reach out! Contact info at the bottom).

The secondary benefit of this approach is that it also allows for copy-pasting so that people can easily quote/re-share the content of a text post.

One thing I'm unsure about is how accessible spoiler tags are. Is it straightforward for someone using a screenreader to identify that the spoiler tag is there and expand it? I use spoiler tags just to take up less space, but if it's an accessibility issue I'd much rather people have to scroll a bit more if the spoiler tag is a significant complication for the people who need the description the most.

[-] Dessa@hexbear.net 5 points 1 month ago

Mods, could we make that fireld mandatory?

[-] Cat_Daddy@hexbear.net 5 points 1 month ago

I love this; can mobile app users get a pass until dessalines/whoever gets a patch in place that lets us add the alt text?

load more comments
view more: next ›
this post was submitted on 15 Dec 2025
138 points (100.0% liked)

Chapotraphouse

14263 readers
720 users here now

Banned? DM Wmill to appeal.

No anti-nautilism posts. See: Eco-fascism Primer

Slop posts go in c/slop. Don't post low-hanging fruit here.

founded 5 years ago
MODERATORS