Merge pull request #14969 from edx/saleem-latif/ENT-306-a11y

ENT-306: a11y feedback changes for account activation message

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>