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

Published by Ted

Accessibility is more than making sure images have alternate text. I work with engineers, product managers, and designers to understand how accessibility impacts the users, set realistic deadlines, and create the solutions to provide a delightful experience to all users, regardless of their physical, sensory, or cognitive ability.

Leave a comment

Your email address will not be published.