Language

Bookmarklet

Images Ⓣ

A bookmarklet is a small piece of (JavaScript) code that is run in the context of the currently visible web page. It comes as a bookmark that you typically add to your browser bookmarks for being able to run it repeatedly. In order to install this bookmarklet, please drag the link above to your browser bookmarks and call it from there. You can also click on the link to run the bookmarklet on this very page.

Purpose & Notes

The purpose of this bookmarklet is to display the alternative text of images and graphics so that one can examine its sense. Decorative images are highlighted so that one can check their state. Images without any treatment are marked as erroneous.

The results are displayed visually on the page:

Click on any of the info bubbles to log the associated element to the DevTools console.

Test bed

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

Fake ID 1

Fake ID 2

Link with alt attribute