fix: remove avatars from tab order / screenreaders (#1491)

* fix: remove avatars from tab order / screenreaders

* fixup

src/routes/_components/compose/ComposeAuthor.html

@@ -1,14 +1,17 @@
 <a {href}
    rel="prefetch"
    class="compose-box-avatar {loaded ? 'loaded' : 'not-loaded'}"
-   aria-hidden={true}
+   aria-hidden="true"
+   tabindex="-1"
    on:click="onClick(event)"
 >
+  <!-- the avatar is duplicated information, so hide from tab order and screenreaders -->
   <Avatar account={verifyCredentials} size="small"/>
 </a>
 <a class="compose-box-display-name {loaded ? 'loaded' : 'not-loaded'}"
    {href}
-   aria-hidden={!loaded}
+   aria-busy={!loaded}
+   aria-live="off"
    rel="prefetch"
    on:click="onClick(event)"
 >
@@ -16,7 +19,9 @@
 </a>
 
 <span class="compose-box-handle {loaded ? 'loaded' : 'not-loaded'}"
-      aria-hidden={!loaded} >
+      aria-busy={!loaded}
+      aria-live="off"
+>
   {'@' + verifyCredentials.acct}
 </span>
 <style>

src/routes/_components/status/StatusSidebar.html

@@ -3,7 +3,9 @@
    rel="prefetch"
    href="/accounts/{originalAccountId}"
    aria-hidden="true"
+   tabindex="-1"
 >
+  <!-- the avatar is duplicated information, so hide from tab order and screenreaders -->
   <Avatar account={originalAccount}
           isLink="true"
           {size} />