Follow

CSS Style For Identifying Undescribed Media 

Recently, several users expressed a desire for a way to quickly check if the images in the toot they were about to boost were described. It would be nice if Mastodon itself offered warnings for that, as well as for forgetting to describe media in your own posts, but until then, this is actually one problem admins can fix on our own!
All you need to do is go into the site settings and add a bit of CSS code that will display a red border around any undescribed media. There are two examples available, depending on how subtle or noticeable you want the border to be; experiment and see what you like!
gist.github.com/FiXato/3de505b
Thanks to @IngaLovinde for thinking of the starting code and @FiXato for improving on it! They did all the work here; I am just sharing this along.
Open this post in a new tab and look at the image to see how this can look like. The example image is my avatar, described in another pinned post.

CSS Style For Identifying Undescribed Media 

@Mayana cc @somnius ? could we add this?

CSS Style For Identifying Undescribed Media 

@Mayana I can spread this around to some other instances too if you'd like.

CSS Style For Identifying Undescribed Media 

@Mayana @IngaLovinde @FiXato
Maybe applications can add it too?
Or at least give an option for it for users that want it.
@sengi_app
@Tusky

CSS Style For Identifying Undescribed Media 

@storydragon
Good idea! CCing @apps

@Mayana

re: CSS Style For Identifying Undescribed Media 

@storydragon @Mayana @FiXato I really wish these apps would add it @sengi_app @Tusky

I can only access mastodon from my phone through Sengi app, and not only does it not add a border, but it also makes it impossible to check the caption text (while I can see it on desktop by hovering a pointer over the image). Which means that I cannot boost any posts with images I encounter while on the phone :(

Sengi has a ticket for this, inspired by this thread even, but it is stale... https://github.com/NicolasConstant/sengi/issues/387

re: CSS Style For Identifying Undescribed Media 

@IngaLovinde
Ah, yeah.
I remembering filing the request, but @sengi_app never did anything with it...
@Mayana @FiXato
@Tusky

re: CSS Style For Identifying Undescribed Media 

@storydragon @IngaLovinde @Mayana @FiXato

Hi!
I've tagged it and contributions are welcome. 🙂
Those last months I didn't get any bandwidth to work on this project, but I'm still maintaining it, if you are willing to fix it (or find someone that have the knowhow to fix it) please reach me, I will be more than happy to help people getting started and merge the modification afterward.

re: CSS Style For Identifying Undescribed Media 

@sengi_app @storydragon @Mayana @FiXato thank you!

(And also thank you for maintaining the only frontend that (barely) works on my phone!)

Sign in to participate in the conversation

A fun, happy little Mastodon/Hometown instance. Join us by the fire and have awesome discussions about things, stuff and everything in between! Please read our rules before doing that, though; applications without the password that confirms you have done so will be rejected. Admins: Talon and Mayana.