Accessibility Bookmarklet to Identify Images on Web Page

Image bookmarklet will mark all images on the web page along with alt text and provide accessibility testers with a easy method to identify informative, decorative and images of text.

Using Image Bookmarklet to identify all Image markup on web page
Image Bookmarklet

Images Bookmarklet 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, are shown as alt=””.

Images Bookmarklet Code

See the Pen Images Bookmarklet by HolisticA11Y by HolisticA11Y (@HolisticA11YHub) on CodePen.

We hope these accessibility bookmarklets come in handy during your next accessibility audit.

References: Accessibility Bookmarklets

Leave a Comment

Your email address will not be published.