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.world
    link
    fedilink
    English
    arrow-up
    1
    ·
    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.com
      link
      fedilink
      English
      arrow-up
      0
      ·
      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.

      • rbhfd@lemmy.world
        link
        fedilink
        English
        arrow-up
        1
        ·
        1 year ago

        No worries! I never really considered blind people browsing apps, I only became aware of the technical details since the API changes at reddit, so it’s still far from a reflex to think about.

        Thanks for pointing it out though.