Merge pull request #7068 from edx/ahsan/tnl-1511-courseware-section-nav-accessibility-issue

<nav> for the courseware section does not include aria label

lms/templates/courseware/course_navigation.html

@@ -25,7 +25,7 @@ def url_class(is_active):
 %>
 
 % if show_preview_menu:
-    <nav class="wrapper-preview-menu">
+    <nav class="wrapper-preview-menu" aria-label="${_('Course View')}">
         <div class="preview-menu">
             <ol class="preview-actions">
                 <li class="action-preview">
@@ -51,7 +51,7 @@ def url_class(is_active):
 % endif
 
 % if disable_tabs is UNDEFINED or not disable_tabs:
-<nav class="${active_page} wrapper-course-material">
+<nav class="${active_page} wrapper-course-material" aria-label="${_('Course Material')}">
   <div class="course-material">
     <ol class="course-tabs">
       % for tab in get_course_tab_list(course, user):

lms/templates/courseware/courseware.html

@@ -243,7 +243,7 @@ ${fragment.foot_html()}
   </div>
 </div>
 
-<nav class="nav-utilities ${"has-utility-calculator" if course.show_calculator else ""}" area-label="${_('Course Utilities')}">
+<nav class="nav-utilities ${"has-utility-calculator" if course.show_calculator else ""}" aria-label="${_('Course Utilities')}">
   ## Utility: Chat
   % if show_chat:
     <%include file="/chat/toggle_chat.html" />