Accessibility / URLs Links / Show Title Tooltips Bookmarklet

The Show Title Tooltips bookmarklet reveals elements that rely on the `title` attribute for supplemental information. Finds all elements with a `title` attribute, outlines them with a dotted purple line, and inserts the title text content visibly next to each element. This helps identify uses of the title attribute, which has poor accessibility support (not reliably exposed to assistive technologies). Displays an alert with the count of highlighted elements. Reload the page to remove highlights.

javascript:%21function()%7B%22use%20strict%22%3Btry%7Bconst%20t%3D%5B...document.querySelectorAll(%22%5Btitle%5D%22)%5D%3Bt.forEach(t%3D%3E%7Bt.style.outline%3D%222px%20dotted%20%23c0c%22%2Ct.insertAdjacentHTML(%22afterend%22%2C%60%3Csmall%20style%3D%22background%3A%23ffe%3Bborder%3A1px%20solid%20%23cc9%3Bborder-radius%3A4px%3Bpadding%3A2px%204px%3Bmargin-left%3A4px%22%3E%24%7Bt.getAttribute(%22title%22)%7D%3C%2Fsmall%3E%60)%7D)%2Calert(t.length%2B%22%20elements%20with%20title%20attribute%20highlighted%22)%2Cconsole.log(%22%5CnSource%3A%20https%3A%2F%2Fgithub.com%2Falejandrogiga98%2FA11y-Bookmarklets%5CnBookmarklet%20name%3A%20Show%20title%20tooltips%5CnAuthor%3A%20alejandrogiga98%5CnLicense%3A%20MIT%20License%5Cn%22)%7Dcatch(t)%7Balert(%22Bookmarklet%20Error%3A%20%22%2Bt.message)%7D%7D()%3B