Images missing alt text
A red outline marks images with no alt attribute and yellow marks empty alt — handy for accessibility audits.
Code to copy
img:not([alt]) {
outline: 4px dashed #CC241D !important;
background: rgba(204, 36, 29, 0.2) !important;
}
img[alt=""] {
outline: 4px dashed #D79921 !important;
}
How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's CSS panel and save — the effect appears instantly.
Rate this example
No ratings yet — be the first.