Merge pull request #22 from edx/fix/btalbot/edx.org-accessibility

Fix/btalbot/edx.org accessibility

lms/static/sass/base/_variables.scss

@@ -46,8 +46,9 @@ $m-gray: rgb(153,153,153);
 $m-gray-d1: rgb(102,102,102);
 $m-gray-d2: rgb(51,51,51);
 $m-gray-a1: rgb(80,80,80);
-$m-blue: rgb(85, 151, 221);
-$m-blue-l1: rgb(230,245,252);
+$m-blue: rgb(65, 116, 170);
+// $m-blue: rgb(85, 151, 221); (used in marketing redesign)
+$m-blue-l1: rgb(85, 151, 221);
 $m-blue-d1: shade($m-blue,15%);
 $m-blue-s1: saturate($m-blue,15%);
 $m-pink: rgb(204,51,102);
@@ -122,4 +123,4 @@ $modal-bg-color: rgb(245,245,245);
 //-----------------
 $homepage-bg-image: '../images/homepage-bg.jpg';
 
-$video-thumb-url: '../images/courses/video-thumb.jpg';
\ No newline at end of file
+$video-thumb-url: '../images/courses/video-thumb.jpg';

lms/static/sass/multicourse/_account.scss

@@ -148,8 +148,8 @@
     }
 
     &:hover, &:active {
-      border-bottom: 1px dotted $m-blue-s1;
-      color: $m-blue-s1;
+      border-bottom: 1px dotted $m-blue-l1;
+      color: $m-blue-l1;
     }
   }
 
@@ -339,11 +339,11 @@
       &.is-focused {
 
         label {
-          color: $m-blue-s1;
+          color: $m-blue-l1;
         }
 
         .tip {
-          color: $m-blue-s1;
+          color: $m-blue-l1;
         }
       }
 

lms/static/sass/shared/_header.scss

@@ -317,13 +317,13 @@ header.global {
 }
 
 // page-based nav states
-.view-howitworks .nav-global-01, 
-.view-courses .nav-global-02, 
-.view-schools .nav-global-03, 
+.view-howitworks .nav-global-01,
+.view-courses .nav-global-02,
+.view-schools .nav-global-03,
 .view-register .nav-global-04 {
 
   a {
     text-decoration: none;
     color: $m-blue-s1 !important;
-  } 
+  }
 }

lms/templates/login.html

 <%inherit file="main.html" />
 
 <%namespace name='static' file='static_content.html'/>
+
 <%! from django.core.urlresolvers import reverse %>
+<%! from django.utils.translation import ugettext as _ %>
+
 <%block name="title"><title>Log into your edX Account</title></%block>
 
 <%block name="js_extra">
@@ -77,14 +80,14 @@
 
 <section class="introduction">
   <header>
-    <h1 class="sr">Log Into Your Account</h1>
+    <h1 class="sr">${_("Log Into Your Account")}</h1>
   </header>
 </section>
 
 <section class="login container">
   <section role="main" class="content">
     <header>
-      <h2 class="sr">Login Form</h2>
+      <h2 class="sr">${_("Login Form")}</h2>
     </header>
 
     <form role="form" id="login-form" method="post" data-remote="true" action="/login_ajax">

lms/templates/register.html

@@ -2,9 +2,11 @@
 
 <%namespace name='static' file='static_content.html'/>
 <%namespace file='main.html' import="login_query"/>
+
 <%! from django.core.urlresolvers import reverse %>
 <%! from django.utils import html %>
 <%! from django_countries.countries import COUNTRIES %>
+<%! from django.utils.translation import ugettext as _ %>
 <%! from student.models import UserProfile %>
 <%! from datetime import date %>
 <%! import calendar %>
@@ -81,14 +83,14 @@
 
 <section class="introduction">
   <header>
-    <h1 class="sr">Register for edX</h1>
+    <h1 class="sr">${_("Register for edX")}</h1>
   </header>
 </section>
 
 <section class="register container">
   <section role="main" class="content">
     <header>
-      <h2 class="sr">Registration Form</h2>
+      <h2 class="sr">${_("Welcome! Register below to create your edX account")}</h2>
     </header>
 
     <form role="form" id="register-form" method="post" data-remote="true" action="/create_account">
@@ -262,10 +264,10 @@
 
     <div class="cta cta-help">
       <h3>Need Help?</h3>
-      <p>Need help in registering with edX? 
+      <p>Need help in registering with edX?
         <a href="${marketing_link('FAQ')}">
             View our FAQs for answers to commonly asked questions.
-        </a>  
+        </a>
         Once registered, most questions can be answered in the course specific discussion forums or through the FAQs.</p>
     </div>
   </aside>