From f708806118b2952cefebf395cfdf4e9ccde14cdb Mon Sep 17 00:00:00 2001
From: Xavier Antoviaque <xavier@antoviaque.org>
Date: Mon, 9 Sep 2013 08:17:15 -0300
Subject: [PATCH] accessibility: Add `aria-describedby` to login/forgot
 password (LMS-602)

Also adding the email description to the login page and applying the
same aria attribute to the correspondin input on that page.

From LMS-602:

> There is additional explanatory text, marked up in a span element after
> the email input. The input elements should be explicitly associated with
> this additional text using the aria-describedby attribute. This will
> require an ID to be assigned to the span element.
---
 lms/templates/forgot_password_modal.html | 4 ++--
 lms/templates/login.html                 | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/lms/templates/forgot_password_modal.html b/lms/templates/forgot_password_modal.html
index e4c0c02e33..0c3a971ecc 100644
--- a/lms/templates/forgot_password_modal.html
+++ b/lms/templates/forgot_password_modal.html
@@ -19,8 +19,8 @@
           <ol class="list-input">
             <li class="field required text" id="field-email">
               <label for="pwd_reset_email">${_("Your E-mail Address")}</label>
-              <input class="" id="pwd_reset_email" type="email" name="email" value="" placeholder="example: username@domain.com" />
-              <span class="tip tip-input">${_("This is the email address you used to register with {platform}").format(platform=settings.PLATFORM_NAME)}</span>
+              <input class="" id="pwd_reset_email" type="email" name="email" value="" placeholder="example: username@domain.com" aria-describedby="pwd_reset_email-tip" />
+              <span class="tip tip-input" id="pwd_reset_email-tip">${_("This is the e-mail address you used to register with {platform}").format(platform=settings.PLATFORM_NAME)}</span>
             </li>
           </ol>
         </fieldset>
diff --git a/lms/templates/login.html b/lms/templates/login.html
index b737255a0d..5fbc64d304 100644
--- a/lms/templates/login.html
+++ b/lms/templates/login.html
@@ -113,7 +113,8 @@
         <ol class="list-input">
           <li class="field required text" id="field-email">
             <label for="email">${_('E-mail')}</label>
-            <input class="" id="email" type="email" name="email" value="" placeholder="example: username@domain.com" required aria-required="true" />
+            <input class="" id="email" type="email" name="email" value="" placeholder="example: username@domain.com" required aria-required="true" aria-described-by="email-tip" />
+            <span class="tip tip-input" id="email-tip">${_("This is the e-mail address you used to register with {platform}").format(platform=settings.PLATFORM_NAME)}</span>
           </li>
           <li class="field required password" id="field-password">
             <label for="password">${_('Password')}</label>