From c33cf606247981fb7ae963d27f03c2fd5b6afe9d Mon Sep 17 00:00:00 2001
From: Joachim <joachim.robert@protonmail.com>
Date: Sat, 12 Feb 2022 16:33:16 +0100
Subject: [PATCH] aria-hidden elements do not contain focusable elements

https://dequeuniversity.com/rules/axe/4.3/aria-hidden-focus
---
 bookwyrm/templates/discover/large-book.html    | 2 +-
 bookwyrm/templates/discover/small-book.html    | 2 +-
 bookwyrm/templates/snippets/status/header.html | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/bookwyrm/templates/discover/large-book.html b/bookwyrm/templates/discover/large-book.html
index a6ff0aca..d227502e 100644
--- a/bookwyrm/templates/discover/large-book.html
+++ b/bookwyrm/templates/discover/large-book.html
@@ -30,7 +30,7 @@
         <div class="column mt-3-mobile ml-3-tablet">
             <div class="media block mb-2">
                 <figure class="media-left" aria-hidden="true">
-                    <a class="image is-48x48" href="{{ status.user.local_path }}">
+                    <a class="image is-48x48" href="{{ status.user.local_path }}" tabindex="-1">
                         {% include 'snippets/avatar.html' with user=status.user ariaHide="true" medium="true" %}
                     </a>
                 </figure>
diff --git a/bookwyrm/templates/discover/small-book.html b/bookwyrm/templates/discover/small-book.html
index 2da93d52..320064fc 100644
--- a/bookwyrm/templates/discover/small-book.html
+++ b/bookwyrm/templates/discover/small-book.html
@@ -15,7 +15,7 @@
 
     <div class="media block mb-2">
         <figure class="media-left" aria-hidden="true">
-            <a class="image is-48x48" href="{{ status.user.local_path }}">
+            <a class="image is-48x48" href="{{ status.user.local_path }}" tabindex="-1">
                 {% include 'snippets/avatar.html' with user=status.user ariaHide="true" medium="true" %}
             </a>
         </figure>
diff --git a/bookwyrm/templates/snippets/status/header.html b/bookwyrm/templates/snippets/status/header.html
index ae25932f..94723b08 100644
--- a/bookwyrm/templates/snippets/status/header.html
+++ b/bookwyrm/templates/snippets/status/header.html
@@ -5,7 +5,7 @@
 
 <div class="media">
     <figure class="media-left" aria-hidden="true">
-        <a class="image is-48x48" href="{{ status.user.local_path }}">
+        <a class="image is-48x48" href="{{ status.user.local_path }}" tabindex="-1">
             {% include 'snippets/avatar.html' with user=status.user ariaHide="true" medium="true" %}
         </a>
     </figure>