Trello: Hack to prevent loss of position for screen reader users when pressing the control key.

Pressing control focuses a contentEditable div for clipboard stuff, but this causes screen reader users to lose their position. For now, just remove focus from this element. This will still focus the document, but it should be less annoying than focusing an editable text control.

Author: jcsteh

TrelloA11yFixes.user.js

@@ -33,6 +33,12 @@ function onNodeAdded(target) {
 		target.setAttribute("aria-label", label);
 		return;
 	}
+	if (target.id == "clipboard") {
+		// Pressing control focuses a contentEditable div for clipboard stuff,
+		// but this causes screen reader users to lose their position.
+		target.blur();
+		return;
+	}
 	for (var list of target.querySelectorAll(".list")) {
 		list.setAttribute("role", "list");
 		var header = list.querySelector(".list-header-name");

readme.md

@@ -96,3 +96,4 @@ It does the following:
  For NVDA, you can achieve this by switching to focus mode to move through cards.
 - Labels badges in cards.
 - Makes list headers accessible as headings.
+- Prevents loss of position for screen reader users when pressing the control key.