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/users/controllers/user-accounts-controller.html b/app/users/controllers/user-accounts-controller.html
index 2ffc8b6..ea3d6e3 100644
--- a/app/users/controllers/user-accounts-controller.html
+++ b/app/users/controllers/user-accounts-controller.html
@@ -2,12 +2,13 @@
<div class="row column">
<h1>Manage user account</h1>
</div>
- <section class="row column">
+ <section class="row column" aria-label="change password form">
<div class="column small-12 page-header">
<h2 class="h4">Change password</h2>
</div>
<form class="user-manage__form" role="form" action="">
<fieldset>
+ <legend aria-label="user manager" class="accessible-text">Change password form</legend>
<div class="row column">
<label for="user-manage__current-password">Current password</label>
<input id="user-manage__current-password" type="password" class="user-manage__current-password inline"/>