some changes for screen-readers

web/app/static/styles/main.css

@@ -1507,4 +1507,13 @@ a.menuitem:hover {
   .lg\:pr-8 {
     padding-right: 2rem;
   }
+}
+
+.sr-only{
+  position:absolute;
+  left:-10000px;
+  top:auto;
+  width:1px;
+  height:1px;
+  overflow:hidden;
 }

web/app/templates/base.html

@@ -118,9 +118,10 @@
     </div> -->
 
     <form action="{{ url_for('search.basic_search') }}" class="hidden lg:block">
+        <label for="siteSearch" class="sr-only">Search</label>
         <input type="text" name="query" class="text-center h-full text-base border-l-2 border-black pl-1"
             placeholder="Search">
-        <input class="hidden" type="submit" hidden />
+        <input class="hidden" type="submit" value="Enter search" hidden />
     </form>
 {% endmacro %}
 

web/app/templates/index.html

@@ -15,13 +15,13 @@
 
 
     {% if view == 'list' %}
-    {% for resource in resources %}
-    {{ resource_list(resource, loop, false) }}
-    {% endfor %}
+        {% for resource in resources %}
+            {{ resource_list(resource, loop, false) }}
+        {% endfor %}
     {% else %}
-    {% for resource in resources %}
-    {{ resource_with_related(resource, loop, false) }}
-    {% endfor %}
+        {% for resource in resources %}
+            {{ resource_with_related(resource, loop, false) }}
+        {% endfor %}
     {% endif %}
 
 </div>