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

[nightdice@unfug.social]

@sortius
I know some apps have a setting to show a warning before boosting media without alt text, but so far I'm unaware of an option to completely filter them out
@cryptids

[sortius@infosec.exchange]

@nightdice @cryptids yeh, but... web page mostly here, like many of us

[nightdice@unfug.social]

@sortius
kinda figured, just wanted to put the info out there in case. Hopefully someone knows a decent workaround at least.
@cryptids

[lily@ice.floofy.city]

@cryptids on the web app you can use ublock filters to do this

[js@mastodon.nl]

@cryptids A good question.

One can choose to be forced to provide ALT. Might be a client thing.

One small(?) thing: I’ve also noticed clients tend to offer slop-service generated ALT text. I however do prefer no ALT over confabulated slop. The null string beats the abomination.

[heinragas@mublog.nl]

@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;}

[heinragas@mublog.nl]

@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).

[jpoesen@social.jpoesen.com]

@cryptids I don't think so, but an alternative solution is to use a browser extension like TamperMonkey that lets you inject css and/or javascript into any site.

If you were to set up a basic TamperMonkey script for the site(s) in question, the following will hide every post that has an image without alt text, or no alt attribute at all.

```
GM_addStyle('
article:has(img[alt=""]),
article:has(img:not([alt])) {
display: none;
}
');
```

See also: https://www.freecodecamp.org/news/customize-website-experience-with-tampermonkey/

[u0421793@catodon.rocks]

@cryptids@yip.gay @det@critter.cafe on the flipside, however, I’m trying out this new instance of catodon for a while, and I note that if one tries to post an image without bothering to fill in at least something in the alt text, it has a special leg that reaches out and boots you in the crotch.

[offstage whisper]

Oh wait, not a boot, it politely tells you to do your alt text you bastard

[offstage whisper again]

No bastard. It just tells you to do the alt text.

[luna@neopaquita.es]

@cryptids Can you please share the filter?

[0@corteximplant.com]

@cryptids moshidon is a mobile client that can do it. unfortunately mouse doesn't know a similar thing for desktop

[leon@social.sawpitgully.net]

@cryptids I think @alice has said she has a tool for filtering out images without alt text, but I had trouble searching her posts, so the best I found was this. https://lgbtqia.space/@alice/116200750952476282

[zimpenfish@social.rjp.is]

@cryptids I can't see an obvious way to do this directly on Pleroma or GotoSocial (the instance types I run) but at least with Pleroma/Akkoma I think you could write an MRF (https://docs-develop.pleroma.social/backend/configuration/mrf/) to do it (and I'll have a go later, just to see if it's possible.)

(Had a look in the Mastodon code but can't see anything obvious there either.)

[lizette603_23@mastodon.social]

@cryptids that's what I do

[alice@lgbtqia.space]

@cryptids yup, I'm using Moshidon for Android, and there's an option to hide posts without alt-text, as well as warn before posting media without alt-text.

@leon I have a 7-day auto-delete setting (except on bookmarked posts), which is probably why you couldn't find it 🫂

Also, #NotAGirl 🩷

[leon@social.sawpitgully.net]

@alice @cryptids Thanks for the details! And whoops, sorry about that.