Bookmarklet for highlighting images that lack alt attributes

Use this bookmarklet to find images that are missing alt attributes and those using alt=””. Continue Reading Bookmarklet for highlighting images that lack alt attributes

The following bookmarklet will highlight images lacking alt attributes by turning them grey.
!Alt Images

To use this, drag the link to your bookmark toolbar. Go to your favorite inaccessible page and press the bookmarklet. It will instantly turn images without alt attributes grey. Images with empty alt text will became 50% opacity.

Credit to @jdjuan

Accessible responsive images

Responsive web design, creating a single page that morphs with the view port size, is a major feature of modern web design. There are many factors to consider for performance and accessibility. This article will touch on responsive design’s impact on image accessibility.
Continue Reading Accessible responsive images