Merge pull request #7118 from edx/ahsan/tnl-1554-missing-accessible-label-with-lms-nav-elements

Missing accessible label in lms <nav> elements.

lms/templates/courseware/course_about.html

@@ -206,7 +206,7 @@ from edxmako.shortcuts import marketing_link
         </div>
       % endif
 
-      <nav>
+      <nav aria-label="${_('Course About')}">
         <a href="#" class="active">${_("Overview")}</a>
       ##  <a href="#">${_("FAQ")}</a>
       ##  <a href="#">${_("Requirements")}</a>

lms/templates/dashboard/_dashboard_prompt_midcourse_reverify.html

@@ -23,7 +23,7 @@
             </ul>
           </div>
         </div>
-        <nav class="nav-actions">
+        <nav class="nav-actions" aria-label="${_('Notification Actions')}">
           <h3 class="sr">${_('Notification Actions')}</h3>
           <ul>
             <li class="nav-item"><a class="btn action-primary action-reverify" href="${reverse('verify_student_midcourse_reverify_dash')}">Re-verify</a></li>
@@ -47,7 +47,7 @@
             </p>
           </div>
         </div>
-        <nav class="nav-actions">
+        <nav class="nav-actions" aria-label="${_('Notification Actions')}">
           <h3 class="sr">${_('Notification Actions')}</h3>
           <ul>
             <li class="nav-item"><a class="btn action-primary action-reverify" href="${reverse('verify_student_midcourse_reverify_dash')}">Re-verify</a></li>

lms/templates/discussion/user_profile.html

@@ -22,8 +22,8 @@
 
 <section class="container">
   <div class="course-wrapper">
-    <section aria-label="${_('User Profile')}" class="user-profile">
-      <nav>
+    <section class="user-profile">
+      <nav aria-label="${_('User Profile')}">
 
         <article class="sidebar-module discussion-sidebar">
           <%include file="_user_profile.html" />

lms/templates/staticbook.html

@@ -110,7 +110,7 @@ $("#open_close_accordion a").click(function(){
 
     <section class="book">
       <section class="page">
-        <nav>
+        <nav aria-label="${_('Page')}">
           <ul>
             <li class="last">
               <a href="javascript:prev_page()">${_('Previous page')}</a>

lms/templates/verify_student/midcourse_photo_reverification.html

@@ -159,7 +159,7 @@
 
               <img id="face_image" src="" style="display: none;"/>
 
-              <nav class="nav-wizard" id="face_id_next_button_nav">
+              <nav class="nav-wizard" id="face_id_next_button_nav" aria-label="${_('Verification')}">
                 <div class="prompt-verify">
                   <h3 class="title">Before proceeding, please review carefully</h3>
 

lms/templates/verify_student/photo_reverification.html

@@ -183,7 +183,7 @@
                 </div>
               </div>
 
-              <nav class="nav-wizard" id="face_next_button_nav">
+               <nav class="nav-wizard" id="face_next_button_nav" aria-label="${_('Verification')}">
                 <span class="help help-inline">${_("Once you verify your photo looks good, you can move on to step 2.")}</span>
 
                 <ol class="wizard-steps">
@@ -271,7 +271,7 @@
                 </div>
               </div>
 
-              <nav class="nav-wizard" id="photo_id_next_button_nav">
+              <nav class="nav-wizard" id="photo_id_next_button_nav" aria-label="${_('Verification')}">
                 <span class="help help-inline">${_("Once you verify your ID photo looks good, you can move on to step 3.")}</span>
 
                 <ol class="wizard-steps">
@@ -364,7 +364,7 @@
                 </ol>
               </div>
 
-              <nav class="nav-wizard">
+              <nav class="nav-wizard" aria-label="${_('Verification')}">
                 <div class="prompt-verify">
                   <h3 class="title">Before proceeding, please confirm that your details match</h3>