Slack: Make options for each message (Start a thread, Share message, etc.) accessible.

To access these, move the mouse to the text of a message. They then appear above the author's name as buttons.

Author: jcsteh

SlackA11yFixes.user.js

@@ -39,6 +39,12 @@ function message(text) {
 }
 
 function onNodeAdded(target) {
+	if (target.classList.contains("ts_icon")) {
+		// Icon with tooltip such as the options which appear when you mouse over a message.
+		target.setAttribute("role", "button");
+		target.setAttribute("aria-label", target.getAttribute("title"));
+		return;
+	}
 	if (target.matches(".offscreen[contenteditable]")) {
 		// Hidden contentEditable near the bottom which doesn't seem to be relevant to the user.
 		target.setAttribute("role", "presentation");

readme.md

@@ -68,6 +68,9 @@ It does the following:
 - Makes messages accessible as list items.
 - Makes message timestamps appear on a single line instead of crossing several lines.
 - Makes star controls (and their statuses) accessible.
+- Makes options for each message (Start a thread, Share message, etc.) accessible.
+ To access these, move the mouse to the text of a message.
+ They then appear above the author's name as buttons.
 - Makes the close link for the about channel pane accessible.
 - Makes day separators in the message history and the about channel pane heading accessible as headings.
 - Reports incoming messages automatically (using a live region).