Accessibility / Images / Image Extraction Bookmarklet

The Image Extraction bookmarklet replaces the page content with a gallery of all images found, including src attributes and background-image CSS values. Each image is displayed as a thumbnail with a link to open the full-size version. Useful for reviewing all graphical content on a page for accessibility testing. Note: Does not detect or SVG background images.

javascript:%7Blet%20e%3D%5B%5D%2Ct%3D%2Furl%5C(%5B%20%5Ct%5D*%5B%27%22%60%5D%5Cx3f(%5B%5E%5C)%27%22%60%5D%2B)%5B%27%22%60%5D%5Cx3f%5B%20%5Ct%5D*%5C)%2F%2Cn%3Dfunction(o)%7BArray.from(o.children).forEach(o%3D%3E%7B%22IMG%22%3D%3D%3Do.tagName%26%26e.push(o.src)%3Blet%20a%3Do.style.backgroundImage%3Bif(a%26%26a.toLowerCase().includes(%22url(%22))%7Blet%20n%3Da.match(t)%3Bn%3Fe.push(n%5B1%5D)%3Aconsole.warn(%22Failed%20to%20extract%20image%20URL%20from%3A%22%2Ca)%7Dn(o)%7D)%7D%3Bn(document.body)%2Cdocument.body.innerHTML%3D%22%22%2Ce.forEach(e%3D%3E%7Blet%20t%3Ddocument.createElement(%22DIV%22)%2Cn%3Ddocument.createElement(%22P%22)%2Co%3Ddocument.createElement(%22A%22)%3Bo.href%3De%2Co.innerText%3De%2Cn.appendChild(o)%2Ct.appendChild(n)%3Blet%20a%3Dnew%20Image%3Ba.src%3De%2Ct.appendChild(a)%2Cdocument.body.appendChild(t)%7D)%7Dconsole.log(%22%5Cn%5CtSource%3A%20https%3A%2F%2Fgynvael.coldwind.pl%2F%3Fid%3D781%5Cn%5CtBookmarklet%20name%3A%20Image%20extraction%5Cn%5Ct%22)%3B