Skip to content

Instantly share code, notes, and snippets.

@tylersticka
Created December 9, 2022 18:01
Show Gist options
  • Save tylersticka/085088decc60939898128e4a37ea5283 to your computer and use it in GitHub Desktop.
Save tylersticka/085088decc60939898128e4a37ea5283 to your computer and use it in GitHub Desktop.
Mastodon Advanced View: Highlight Missing Alt Text
.media-gallery__item-thumbnail:has(img:not([alt])) {
position: relative;
}
.media-gallery__item-thumbnail:has(img:not([alt]))::after {
align-items: center;
background: rgb(191, 64, 64);
border-radius: 4px;
color: #fff;
content: 'No alt';
display: flex;
height: 23.1429px;
padding: 2px 0.66em;
position: absolute;
right: 4px;
text-transform: uppercase;
top: 4px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment