From b684e929b47a6e159fe610c22bfd166670af742f Mon Sep 17 00:00:00 2001
From: Christa Hartsock <christa.hartsock@gmail.com>
Date: Sun, 8 Nov 2020 13:23:05 -0800
Subject: [PATCH] Add label text to search input

For use by screenreaders.
---
 bookwyrm/templates/layout.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/bookwyrm/templates/layout.html b/bookwyrm/templates/layout.html
index e4b7ce5e..16cb2eb3 100644
--- a/bookwyrm/templates/layout.html
+++ b/bookwyrm/templates/layout.html
@@ -25,16 +25,16 @@
         <a class="navbar-item" href="/">
             <img class="image logo" src="/static/images/logo-small.png" alt="BookWyrm">
         </a>
-	<form class="navbar-item" action="/search/">
-	    <div class="field is-grouped">
-                <input class="input" type="text" name="q" placeholder="Search for a book or user" value="{{ query }}">
-		<button class="button" type="submit">
-		    <span class="icon icon-search">
-			<span class="is-sr-only">search</span>
-		    </span>
-		</button>
-	    </div>
-	</form>
+        <form class="navbar-item" action="/search/">
+            <div class="field is-grouped">
+                <input aria-label="Search for a book or user" id="search-input" class="input" type="text" name="q" placeholder="Search for a book or user" value="{{ query }}">
+                <button class="button" type="submit">
+                    <span class="icon icon-search">
+                    <span class="is-sr-only">search</span>
+                    </span>
+                </button>
+            </div>
+        </form>
 
         <label for="main-nav" role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="mainNav">
             <span aria-hidden="true"></span>