Accessibility: allow 'Clear Filters' button to receive keyboard focus.

APTrust · Mar 19, 2024 · dd63f85 · dd63f85
1 parent 45b61cb
commit dd63f85
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/static/css/registry.css b/static/css/registry.css
@@ -933,11 +933,11 @@ a.box:active {
 }
 .button.is-white:hover, .button.is-white.is-hovered {
   background-color: #f9f9f9;
-  border-color: transparent;
+  border-color: #d6d6d6;
   color: hsl(0deg, 0%, 4%);
 }
 .button.is-white:focus, .button.is-white.is-focused {
-  border-color: transparent;
+  border-color: #d6d6d6;
   color: hsl(0deg, 0%, 4%);
 }
 .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {

diff --git a/views/shared/_filter_chips.html b/views/shared/_filter_chips.html
@@ -9,7 +9,7 @@
     {{ end }}
 
     {{ if .filterChips }}
-    <button class="filter-clear button is-compact is-white" onclick="removeAllFilters()">Clear Filters</button>
+    <button class="filter-clear button is-compact is-white" tabindex="0" onclick="removeAllFilters()">Clear Filters</button>
     {{ end }}
   </div>