Add label text to search input

For use by screenreaders.
This commit is contained in:
Christa Hartsock 2020-11-08 13:23:05 -08:00
parent 9c084f61a2
commit b684e929b4

View file

@ -27,7 +27,7 @@
</a> </a>
<form class="navbar-item" action="/search/"> <form class="navbar-item" action="/search/">
<div class="field is-grouped"> <div class="field is-grouped">
<input class="input" type="text" name="q" placeholder="Search for a book or user" value="{{ query }}"> <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"> <button class="button" type="submit">
<span class="icon icon-search"> <span class="icon icon-search">
<span class="is-sr-only">search</span> <span class="is-sr-only">search</span>