Accessibility / Images / Alt Checker Bookmarklet

The Alt Checker bookmarklet highlights images with missing or empty alt attributes, helping identify non-text content that lacks accessible alternatives. Images without alt text are outlined in red, while decorative images (alt="") are outlined in blue. Run again to remove the overlays.

javascript:%21function()%7B%22use%20strict%22%3Bfunction%20t(t%2Ce%2Cl)%7Bvar%20o%3Ddocument.createElement(%22div%22)%3Bo.classList.add(%22alt-text-overlay%22)%2Co.style.position%3D%22absolute%22%2Co.style.backgroundColor%3Dl%2Co.style.color%3D%22white%22%2Co.style.padding%3D%225px%22%2Co.style.fontWeight%3D%22bold%22%2Co.style.zIndex%3D%229999%22%2Co.textContent%3De%3Bvar%20n%3Dt.getBoundingClientRect()%3Bo.style.top%3Dn.top%2B%22px%22%2Co.style.left%3Dn.left%2B%22px%22%2Co.style.width%3Dn.width%2B%22px%22%2Co.style.height%3Dn.height%2B%22px%22%2Cdocument.body.appendChild(o)%7Dvar%20e%2Cl%3Be%3Ddocument.getElementById(%22alt-text-style%22)%2Cl%3Ddocument.querySelectorAll(%22.alt-text-overlay%22)%2Ce%26%26l.length%3E0%3F(e.remove()%2Cdocument.querySelectorAll(%22.alt-text-overlay%22).forEach(function(t)%7Bt.remove()%7D))%3A(function(t%2Ce)%7Bvar%20l%3Ddocument.querySelector(%22head%22)%3Bif(l)%7Bvar%20o%3Ddocument.createElement(%22style%22)%3Bo.type%3D%22text%2Fcss%22%2Co.id%3De%2Co.innerHTML%3Dt%2Cl.appendChild(o)%7D%7D(%22img%5Balt%3D%27%27%5D%20%7B%20filter%3A%20blur(10px)%20%21important%3B%20outline%3A%2010px%20solid%20blue%20%21important%3B%20%7Dimg%3Anot(%5Balt%5D)%20%7B%20filter%3A%20blur(10px)%20%21important%3B%20outline%3A%2010px%20solid%20red%20%21important%3B%20%7D%22%2C%22alt-text-style%22)%2Cdocument.querySelectorAll(%22img%5Balt%3D%27%27%5D%22).forEach(function(e)%7Bt(e%2C%22decorative%20img%22%2C%22rgba(0%2C%200%2C%20255%2C%200.8)%22)%7D)%2Cdocument.querySelectorAll(%22img%3Anot(%5Balt%5D)%22).forEach(function(e)%7Bt(e%2C%22alt-text%20missing%21%22%2C%22rgba(255%2C%200%2C%200%2C%200.8)%22)%7D))%7D()%2Cconsole.log(%22%5CnSource%3A%20https%3A%2F%2Fblog.ohheybrian.com%2F2021%2F11%2Fcheck-for-alt-tags-with-a-bookmarklet%2F%5CnBookmarklet%20name%3A%20altChecker%5Cn%22)%3B