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/log-controller.html b/app/server-health/controllers/log-controller.html
index 2e48093..fce664d 100644
--- a/app/server-health/controllers/log-controller.html
+++ b/app/server-health/controllers/log-controller.html
@@ -3,7 +3,7 @@
<div class="row column">
<h1>Event log</h1>
</div>
- <section class="row column">
+ <section class="row column" aria-label="page header">
<div class="page-header">
<h2 class="inline h4">All events from the BMC</h2>
<div class="event-log__timezone inline float-right">
@@ -22,19 +22,19 @@
</div>
</section>
<!-- Filters -->
- <section class="row column">
+ <section class="row column" aria-label="event log search">
<!-- search -->
<log-search-control></log-search-control>
<!-- filters -->
<log-filter></log-filter>
</section> <!-- end filter -->
- <section id="event-log__events" class="row column">
+ <section id="event-log__events" class="row column" aria-label="event log events">
<div id="event__actions-bar" class="row header__actions-bar no-margin">
<div class="column small-1 large-1 event-log__col-check">
<label class="control-check">
<input type="checkbox" name="events__check-all" ng-model="all" ng-checked="(logs|filter:{selected: true}).length == logs.length"/>
- <span class="control__indicator"></span>
+ <span class="control__indicator accessible-text">select all log events</span>
</label>
</div>
<div class="column small-11 end col-logged-events">