Twitter’s Card Update is Bad For Users

Twitter made a UI change this week with it's card-styled link previews. It's subtle, but the changes have hurt accessibility and hurt the end user.

Twitter allows branded sites (anyone can do it, but brands use it the most) to create "cards" for links they post which include media previews, bold headlines, and a snippet of the article or post text. This gives the user a preview of what's in the link before they visit. The cards used to function like normal HTML `anchor` tags and included alternate text (the small popup when you hover your mouse) or showed the full URL of the link.

Since earlier this week, all of that is gone and it's led to some frustrating limitations.

First, headlines are cut off. And the alt text is gone from the mouse hover action.

screenshot missing hover text from Twitter card

A shortage of what? Cold drinks?

All browsers show URL paths in the bottom of the screen before you click on them. Twitter short links (t.co) would show first, but then resolve into the full path after a second or two. Not anymore.

A Twitter URL doesn't show the full path anymore.

Why is this less accessible?

The top-level domain shows, but that's all. Does this link take me to the registration page? Or to the article? Or neither?

Twitter cards no longer show the full link URL

Really, Twitter is making it harder to know what you click on, asking you, the user, to trust them, the company, to show us what we need to know. This update does nothing to help the usability on a platform that has done little to increase transparency and improve the quality of the platform for users.

---
_[Ripples of Glass B&W](https://flickr.com/photos/zeevveez/27658869717 "Ripples of Glass B&W") flickr photo by [zeevveez](https://flickr.com/people/zeevveez) shared under a [Creative Commons (BY) license](https://creativecommons.org/licenses/by/2.0/)_

Link Two Google Docs for Translating

An interesting Stack Overflow question popped up about auto-translating one document into another when edits are made. Most Google services have things called “triggers” which run functions after some kind of event – opening the doc, making a change, etc.

A Google Doc does not have access to the onEdit trigger, so there is no way to automatically run the translation unless you put it on a timer trigger, and that’s a waste of resources, especially if you’re not constantly updating the document. But, you can link two documents together via the ID and push changes made using a custom menu.

Grab a copy of the template with instructions.

Source:

var ui = DocumentApp.getUi();
var docProps = PropertiesService.getDocumentProperties();

function getText() {
  var doc = DocumentApp.getActiveDocument();
  var body = doc.getBody();
  var array = [];

  array.push(body.getText());

  sendTheText(array);
}

function sendTheText(e) {
  if (docProps.getProperty("childId") == "") {
    var prompt = ui.prompt("Child doc ID", ui.ButtonSet.OK);
    var response = prompt.getResponseText()
    docProps.setProperty("childId", response);
  }
  var childDoc = DocumentApp.openById(docProps.getProperty("childId"));
  var es = LanguageApp.translate(e, 'en', 'es');
  childDoc.getBody().clear();
  childDoc.getBody().appendParagraph(es);
}

function clearProps() {
  docProps.setProperty("childId", "");
}

function onOpen() {
  ui.createMenu("Custom Translate").addItem("Run", "getText").addItem("Clear IDs","clearProps").addToUi();
}