Back to Bookmarklets for Accessibility Testing

Images Bookmarklet for Accessibility Testing inserts a green dashed outline around images that have alt values and a red solid outline around images with no alt attribute. Alt attribute values are displayed in black on yellow text on top of the images. Images with empty alt values, <img alt=""> are shown as alt="".

Installation

Images Bookmarklet (drag link to bookmarks bar)

Test Content

W3C® Worldwide Web Consortium

W3C® Worldwide Web Consortium

div role equals image
div role equals image with aria-label
div role equals image with aria-labelledby
div role equals image with aria-describedby

Bookmarklet Demo

Not so easy installation method