Why YSK: If you want to make Lemmy a more accessible place for all, you need to know how to add labels (aka: “alt text”) to embedded images

As many of you are already aware, you can embed images in comments using the following markdown: ![](https://example.com/image.jpg).

That works, but the image will be left unlabeled which leaves screenreader users out of the conversation. This may seem like a theoretical problem, but it’s not – Lemmy already has an active blind community: https://rblind.com/

So, here’s what you can do to add labels when embedding images:

![Earth viewed from the Moon](https://example.com/image.jpg)

That’s it! Any text within the [] becomes “alt text”, which is what screenreaders use for describing images. It’s a small thing, but it makes a world of difference.

Remember: Reddit took something from many of us here. For some, it was a mobile app. For others, it was the ability to operate their own communities. Comment with solidarity; use alt-text.

  • rbhfd@lemmy.worldEnglish
    2·
    1 year ago

    Someone called me out on this yesterday. On a thread about rblind, so deservedly so. I had no idea this is how it works though. Thanks!

    • Samuel Proulx@rblind.comEnglish
      1·
      1 year ago

      That was me, and my bad. As a blind person myself, I’ve never tried to post an image. I knew including alt text was possible, but I didn’t realize the method was undocumented, and Lemmy doesn’t prompt for it. If I had, I would have offered help, not just snark.

  • raiun@lemmy.worldEnglish
    2·
    1 year ago

    Lemmy should do it similar to how I have seen this done on Mastodon. When you upload an image an overlay shows up to remind the user to describe the image before submitting. The typical user is not going to remember to do this.

    • Bongles@lemm.eeEnglish
      1·
      1 year ago

      You can click the little image button when commenting or posting, but it uploads it to the instance you’re on, which costs them space, so it’s probably limited in most instances