Fix login screen accessibility: add form labels, lang attribute, and update link contrast (autolab#1373)

Author: David Ng

app/assets/stylesheets/_variables.scss

@@ -7,7 +7,7 @@ $autolab-light-red: #ffbec0;
 $autolab-subtle-gray: #eee;
 $autolab-highlight-gray: #ccc;
 $autolab-black-text: #212121;
-$autolab-blue-text: #0869af;
+$autolab-blue-text: #0056b3;
 $autolab-green: #3a862d;
 $autolab-light-green: #ebffd2;
 $autolab-white: #fff;

app/views/devise/sessions/new.html.erb

@@ -1,13 +1,19 @@
-<div class="sign-in-panel home">
+<div class="sign-in-panel home" lang="en">
 <br>
 
 <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
 
   <img src="/images/autolab.svg" alt="" class="valign login-logo">
   <h5>Login to Autolab</h5>
 
-  <div><%= f.email_field :email, autofocus: true, placeholder: "Email Address" %></div>
-  <div><%= f.password_field :password, placeholder: "Password" %></div>
+  <div>
+    <%= f.label :email, "Email Address" %>
+    <%= f.email_field :email, autofocus: true, placeholder: "Email Address" %>
+  </div>
+  <div>
+    <%= f.label :password, "Password" %>
+    <%= f.password_field :password, placeholder: "Password" %>
+  </div>
 
   <% if devise_mapping.rememberable? -%>
   <label>