From 20c4a758aba71cae06b9a6abfec4224c073831ae Mon Sep 17 00:00:00 2001
From: Saleem Latif <saleem_ee@hotmail.com>
Date: Wed, 26 Apr 2017 12:27:47 +0500
Subject: [PATCH] a11y feedback changes for account activation message

---
 .../account_activation_sidebar_notice.html            | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/lms/templates/registration/account_activation_sidebar_notice.html b/lms/templates/registration/account_activation_sidebar_notice.html
index 487a878e56..cb65243d35 100644
--- a/lms/templates/registration/account_activation_sidebar_notice.html
+++ b/lms/templates/registration/account_activation_sidebar_notice.html
@@ -3,15 +3,16 @@
 from django.utils.translation import ugettext as _
 from openedx.core.djangolib.markup import HTML, Text
 %>
-<div class="profile-sidebar" role="region" aria-label="Account Activation Info">
+<div class="profile-sidebar" role="region" aria-labelledby="account-activation-title">
   <header class="profile">
-    <h2 class="account-activation-title sr">${_("Account Activation Info")}: </h2>
+    <h2 id="account-activation-title" class="account-activation-title sr">${_("Account Activation Info")}: </h2>
   </header>
   <div class="user-info">
     <ul>
-      <li class="status status-verification warning" role="alert" aria-labelledby="title status-title" tabindex="1">
-        <span class="title status-title">
+      <li class="status status-verification warning" aria-labelledby="status-title" tabindex="-1">
+        <span id="status-title" class="title status-title">
           <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
+          <span class="sr">Notice</span>
           ${_("Activate your account!")}
         </span>
         <p class="status-note">${Text(_(
@@ -27,7 +28,7 @@ from openedx.core.djangolib.markup import HTML, Text
         </p>
         ## TODO: Add resend activation email functionality.
         ## TODO: Implementation of this is part of ENT-353.
-        ## <a class="btn btn-neutral"><i class="fa fa-envelope-o"></i> Resend Activation Email </a>
+        ## <button class="btn btn-neutral"><i class="fa fa-envelope-o"></i> Resend Activation Email </button>
       </li>
     </ul>
   </div>