Resolve empty search boxes bug (#4660)

* switch from aria-label to aria-hidden * add display none * no inline styles
GSA-TTS · Jan 24, 2025 · e84353c · e84353c
1 parent 719dff6
commit e84353c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/backend/dissemination/templates/search.html b/backend/dissemination/templates/search.html
@@ -68,26 +68,26 @@ <h3>Filters</h3>
                     </div>
 
                     {% comment %} Hidden page input for use when clicking pagination buttons {% endcomment %}
-                    <input class="usa-input"
-                        aria-label="Page"
+                    <input class="usa-input audit-search-pagination-hidden"
                         id="page"
                         name="page"
                         type="number"
                         value="{{ page }}"
+                        aria-hidden="true"
                         hidden />
 
                     {% comment %} Hidden order and direction inputs for use when clicking a sort button in the table header {% endcomment %}
-                    <input class="usa-input"
-                        aria-label="Order by"
+                    <input class="usa-input audit-search-pagination-hidden"
                         id="order_by"
                         name="order_by"
                         value="{{ order_by }}"
+                        aria-hidden="true"
                         hidden />
-                    <input class="usa-input"
-                        aria-label="Order direction"
+                    <input class="usa-input audit-search-pagination-hidden"
                         id="order_direction"
                         name="order_direction"
                         value="{{ order_direction }}"
+                        aria-hidden="true"
                         hidden />
                 </form>
             </div>

diff --git a/backend/static/scss/_search.scss b/backend/static/scss/_search.scss
@@ -31,7 +31,7 @@
     background-image: url('../img/usa-icons/arrow_drop_up.svg');
   }
 
-  #orientation-toggle {
+  #orientation-toggle, .audit-search-pagination-hidden {
     display: none;
   }
 }