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

[sortius@infosec.exchange]

@cryptids would love to know, because I'm personally done with accidentally boosting non-alt posts.

I hate retracting a boost, but my ethics say: no alt, no boost

[catsalad@infosec.exchange]

@sortius @cryptids Same. It would be so much nicer to have them filtered

[samerion@mastodon.gamedev.place]

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

[promovicz@chaos.social]

@cryptids Our instance has "red line" markers on those images, and I think that's mostly CSS - so you can add a "user CSS" rule with a browser plugin to hide them. It might be part custom - I don't know.

There have also been guides for uBlock Origin and similar:
https://neilzone.co.uk/2024/02/suppressing-posts-containing-images-with-no-alt-text-in-the-mastodon-advanced-web-ui-via-ublock-origin/

[unixwitch@social.tchncs.de]

@sortius @cryptids

There are browser plugins to directly show the alt text and color code, if it is missing.

For Firefox and Chrome:
https://nickdenardis.com/2023/01/14/social-visual-alt-text-mastodon/

[sortius@infosec.exchange]

@unixwitch @cryptids yeh, look, default Mastodon does that, that's not the problem. Unless you can make our brains not fart, this advice is useless

[naturemc@mastodon.online]

@cryptids perhaps @FediTips has an idea?

[mwenisch@mastodon.cesko.digital]

@cryptids 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

[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