Icy ΘΔ&5d ago

Is there any way on Mastodon to automatically filter out image posts with no alt text?

Edit: think I've got my answer- thanks y'all!
Edit 2: Copy-pasting my reply to compile the solutions from the comments: The best solution for my usecase (mobile on iOS) is Martin Wenisch's fork of Phanpy (https://mastodon.cesko.digital/@mwenisch/116249807965211752)  but if you're on Android the Moshidon app client is also an option and if you're on PC there's uBlock and Tampermokey scripts (https://neilzone.co.uk/2024/02/suppressing-posts-containing-images-with-no-alt-text-in-the-mastodon-advanced-web-ui-via-ublock-origin/ & https://social.jpoesen.com/@jpoesen/116250073497451531)

Martin Wenisch (@[email protected])

@[email protected] I did a quick fork of Phanpy (web client) that hides posts with images without alt text. It's on the client side: https://github.com/cheeaun/phanpy/compare/main...martinwenisch:phanpy:main I wonder if this would be an option. It'll be hard to push it to the upstream, as it's out of their scope. But if enough people would use it, I'd polish it with a settings switch and try. Deployment of the changes here: https://phanpy.muhu.digital

Mastodon Česko.Digital
Show threadArtha 🐲🏳️‍⚧️
@cryptids Some instances, like mastodon.art, have CSS set up that puts a warning frame around media without alt text. Maybe it could be set up on your instance, or with a browser plugin? Plus, I suppose adblock for a more "nuclear" option..
Mar 18 at 10:39amWeb
Show threadHein Ragas4d ago

@samerion @cryptids Yes, I have that CSS set up on my instance. Here it is:

.media-gallery__item-thumbnail img:not([alt]), .audio-player__canvas:not([title]), .video-player video:not([title]), .media-gallery__gifv video:not([title]), .media-gallery__item-thumbnail img[alt=""], .audio-player__canvas[title=""], .video-player video[title=""], .media-gallery__gifv video[title=""] {border: 2px dashed rgba(251, 47, 47, 0.5);box-sizing: border-box;}

Show threadHein Ragas4d ago

@samerion @cryptids This only draws the red dashed border around the image. But with a bit of tweaking you could use this to hide the container of the toot itself. If you are not the instance maintainer, then you could ask them, or you would have to inject that CSS in some other way, like with a browser extension.

The toot will still be in the HTML, so I don't know how screen readers would process that (if that is the reason for hiding those toots).