Skip to content

Add border to images without alt-text on Bluesky by PunkWasp

Screenshot of Add border to images without alt-text on Bluesky

Details

AuthorPunkWasp

LicenseNo License

Categorybsky.app

Created

Updated

Code size454 B

Code checksum19435ee4

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A userstyle for Bluesky that literally just adds a large, ugly, yellow and red dashed border to images without alt-text in the feed.

Notes

Might show the border for images it shouldn't (ex. images in your notifications), I am working on fixing these issues as I notice them.

Source code

/* ==UserStyle==
@name           bsky.app
@namespace      github.com/openstyles/stylus
@version        1.0.1
@description    Userstyle that highlights images without alt text on Bluesky
@author         PunkWasp
==/UserStyle== */

@-moz-document url-prefix("https://bsky.app/") {
    [data-testid="contentHider-post"] [data-expoimage="true"] div img[alt=""] {
        outline: 5px dashed yellow;
        border: 5px dashed red;
        scale: 90%;
    }
}

Reviews

No reviews yet.