Accessibility fixes:
- changed buttons to spans since not being used in forms
- added aria roles to html elements
- changed low contrast colors
Change-Id: I56e784b226baa7f9b24346446a0a023fcea633d4
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/server-health/controllers/inventory-overview-controller.html b/app/server-health/controllers/inventory-overview-controller.html
index e47c7b1..9af8166 100644
--- a/app/server-health/controllers/inventory-overview-controller.html
+++ b/app/server-health/controllers/inventory-overview-controller.html
@@ -8,7 +8,7 @@
</div>
</div>
- <section class="row column">
+ <section class="row column" aria-label="hardware filtering">
<!-- search -->
<p class="content-label" aria-label="hardware filter">Filter hardware components</p>
<div class="content__search">
@@ -21,7 +21,7 @@
</div>
</section>
<!-- end search -->
- <section id="inventory-categories" class="row column">
+ <section id="inventory-categories" class="row column" aria-label="hardware list">
<div class="row column header-row">
<div class="column large-12 header__actions-bar">
<div class="inline inventory__heading inventory__device-col">Hardware</div>
@@ -33,7 +33,7 @@
<p class="inline inventory__device-col">{{inventory.title}}</p>
<p class="inline inventory__function-col"></p>
<p class="inline inventory__assoc-event"><!--<a href="#/server-health/event-log">View 3 events</a>--></p>
- <button class="accord-trigger float-right" ng-class="{'active': inventory.expanded}"></button>
+ <span class="accord-trigger button float-right" ng-class="{'active': inventory.expanded}"></span>
<div class="row inventory__metadata" ng-class="{'active': inventory.expanded}" ng-click="$event.stopPropagation()">
<div class="column large-9 no-padding">
<div ng-repeat="item in inventory.items" class="inline inventory__metadata-block">