Skip to content

Instantly share code, notes, and snippets.

@porglezomp
Last active March 16, 2022 15:43
Show Gist options
  • Star 7 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save porglezomp/d1403c6f255894e02693c49f034939c2 to your computer and use it in GitHub Desktop.
Save porglezomp/d1403c6f255894e02693c49f034939c2 to your computer and use it in GitHub Desktop.
Copy the alt text in tweets into the title text, so that you can see it on hover.
// ==UserScript==
// @name Twitter Alt-Text to Title-Text
// @description Copy the alt attribute of twitter images into the title attribute, so that I can see the alt text on hover.
// @version 1
// @grant none
// @include https://twitter.com/*
// ==/UserScript==
const SELECTORS = `.tweet .AdaptiveMedia-photoContainer img
, .Gallery-media img
, img:not([src*="/profile_images/"])`;
function copyAltToTitle(elt) {
if (elt.alt && !elt.title && elt.alt != 'Image') {
console.log(`Copying alt text to title text ${elt.alt}`);
elt.title = elt.alt;
}
}
function copyAll() {
document
.querySelectorAll(SELECTORS)
.forEach(copyAltToTitle);
}
copyAll();
setInterval(copyAll, 1000);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment