From db1e89edef8aca03f926a62e54390e5110d26a19 Mon Sep 17 00:00:00 2001
From: Dixsie Wolmers <dixsiew@gmail.com>
Date: Mon, 9 Sep 2019 13:21:12 -0500
Subject: Fix filter bar clear filter button

Makes filter button screen reader friendly
and accessible.

- Adds icon directive for close icon
- Adds button type
- Icon is aria-hidden and uses an aria-label attribute with
  the value set to clear filter

Tested:
- Filter inputs clear on close button click

Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com>
Change-Id: Ifcbe603c2771156fe7a03359b144e0a0acd5e3f1
---
 app/server-health/controllers/sensors-overview-controller.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'app/server-health/controllers/sensors-overview-controller.html')

diff --git a/app/server-health/controllers/sensors-overview-controller.html b/app/server-health/controllers/sensors-overview-controller.html
index 8669c33..6f2b2d2 100644
--- a/app/server-health/controllers/sensors-overview-controller.html
+++ b/app/server-health/controllers/sensors-overview-controller.html
@@ -12,7 +12,9 @@
       <label for="content__search-input">Sensors Search</label>
       <input id="content__search-input" type="text" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/>
       <div class="search-submit__wrapper">
-        <button class="clear-input" ng-click="clear()">&#10005;</button>
+        <button class="btn" type="button" aria-label="clear filter" ng-click="clear()">
+            <icon file="icon-close.svg" aria-hidden="true"></icon>
+        </button>
         <input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/>
       </div>
     </div>
-- 
cgit v1.2.1