From 18b79913e994a2824f041c32f3a99b26aada2200 Mon Sep 17 00:00:00 2001
From: idotj <info@idotj.com>
Date: Mon, 24 May 2021 18:17:26 +0200
Subject: [PATCH] Add avatar and profile name right text format for screen
 readers

---
 src/mastodon-timeline.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/mastodon-timeline.js b/src/mastodon-timeline.js
index 6f6b0b0..225bc46 100644
--- a/src/mastodon-timeline.js
+++ b/src/mastodon-timeline.js
@@ -89,19 +89,19 @@ MastodonApi.prototype.getToots = function () {
 
 			// Boosted avatar
 			avatar =
-				'<a href="' + status_.reblog.account.url + '" class="mt-avatar mt-avatar-boosted" style="background-image:url(' + status_.reblog.account.avatar + ');" rel="noopener noreferrer" tabindex="-1" target="_blank">'
+				'<a href="' + status_.reblog.account.url + '" class="mt-avatar mt-avatar-boosted" style="background-image:url(' + status_.reblog.account.avatar + ');" rel="noopener noreferrer" target="_blank">'
 					+ '<div class="mt-avatar mt-avatar-booster" style="background-image:url(' + status_.account.avatar + ');">'
 					+ '</div>'
 					+ '<span class="visually-hidden">'
-						+ status_.account.username
+						+ status_.account.username + ' avatar'
 					+ '</span>'						
 				+ '</a>';
 
 			// User name and url
 			user = 
 				'<div class="mt-user">'
-					+ '<a href="' + status_.reblog.account.url + '" rel="noopener noreferrer" tabindex="-1" target="_blank">'
-						+ status_.reblog.account.username
+					+ '<a href="' + status_.reblog.account.url + '" rel="noopener noreferrer" target="_blank">'
+						+ status_.reblog.account.username + '<span class="visually-hidden"> post</span>'
 					+ '</a>'
 				+ '</div>';
 
@@ -114,17 +114,17 @@ MastodonApi.prototype.getToots = function () {
 
 			// Avatar
 			avatar =
-				'<a href="' + status_.account.url + '" class="mt-avatar" style="background-image:url(' + status_.account.avatar + ');" rel="noopener noreferrer" tabindex="-1" target="_blank">'
+				'<a href="' + status_.account.url + '" class="mt-avatar" style="background-image:url(' + status_.account.avatar + ');" rel="noopener noreferrer" target="_blank">'
 					+ '<span class="visually-hidden">'
-						+ status_.account.username
+						+ status_.account.username + ' avatar'
 					+ '</span>'				
 				+ '</a>';
 
 			// User name and url
 			user =
 				'<div class="mt-user">'
-					+ '<a href="' + status_.account.url + '" rel="noopener noreferrer" tabindex="-1" target="_blank">'
-						+ status_.account.username
+					+ '<a href="' + status_.account.url + '" rel="noopener noreferrer" target="_blank">'
+						+ status_.account.username + '<span class="visually-hidden"> post</span>'
 					+ '</a>'
 				+ '</div>';