Flippin' 'eck, Tucker! on Nostr: npub198t8k…5hasj npub1njc8r…p4sf8 I find that completely hiding non-alt-text ...
npub198t8kgwqas59rvmnghzcdn6krzhxhpkyt2mt53e4g9sdnj74sszss5hasj (npub198t…hasj) npub1njc8r6cdhgtvh3lkpn8e646kjj55fwmf87muzvjglqcvz9zgtljqcp4sf8 (npub1njc…4sf8) I find that completely hiding non-alt-text images is a bit too much "cutting off my nose to spite my face".
But I do like to make it crystal clear when a post image has no alt text, so rather than hide them I use this custom CSS which puts a yellow & black caution border around any such images.
It does require running your own instance, though, as only the server admin can set this.
/* add black/yellow "caution tape" to images without alt text */
.audio-player__canvas:not([title]),.audio-player__canvas[title=""],.media-gallery__gifv video:not([title]),.media-gallery__gifv video[title=""],.media-gallery__item-thumbnail img:not([alt]),.media-gallery__item-thumbnail img[alt=""],.video-player video:not([title]),.video-player video[title=""] {border: 3px solid pink; border-image: repeating-linear-gradient(-55deg, #000, #000 20px, #ffb101 20px, #ffb101 40px)10;box-sizing: border-box;}
But I do like to make it crystal clear when a post image has no alt text, so rather than hide them I use this custom CSS which puts a yellow & black caution border around any such images.
It does require running your own instance, though, as only the server admin can set this.
/* add black/yellow "caution tape" to images without alt text */
.audio-player__canvas:not([title]),.audio-player__canvas[title=""],.media-gallery__gifv video:not([title]),.media-gallery__gifv video[title=""],.media-gallery__item-thumbnail img:not([alt]),.media-gallery__item-thumbnail img[alt=""],.video-player video:not([title]),.video-player video[title=""] {border: 3px solid pink; border-image: repeating-linear-gradient(-55deg, #000, #000 20px, #ffb101 20px, #ffb101 40px)10;box-sizing: border-box;}