/* Display red border left of images missing alt text... */
img:not([alt]) {
  border-left: red dotted 0.06in;
  box-sizing: border-box;
}

/* ... unless they are a direct message */
.status-direct img:not([alt]) {
  border: none;
}
/* ... or a button (eg. emoji picker) */
button img:not([alt]) {
  border: none;
}

/* Display red border left of images with bad alt text... */
img[alt^="image/" i] {
  border-left: red dotted 0.06in;
  box-sizing: border-box;
}

/* ... unless they are a direct message */
.status-direct img[alt^="image/" i] {
  border: none;
}