kunjinkao/mastodon-embed-timeline
1
0
Fork 0
forked from mirror/mastodon-embed-timeline
Code Pull Requests Activity

Add avatar and profile name right text format for screen readers

Browse Source
This commit is contained in:
idotj 2021-05-24 18:17:26 +02:00
parent b10e37aff3
commit 18b79913e9
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/mastodon-timeline.js
View File

@ -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>';