From d10c6c41ec8ab054f316126b52e09415c5adf522 Mon Sep 17 00:00:00 2001
From: Ahsan Ulhaq <ahsan.haq@arbisoft.com>
Date: Mon, 23 Feb 2015 19:28:56 +0500
Subject: [PATCH] <nav> for the courseware section does not include aria label

There is no accessible label provided for the <nav> in
courseware section.

TNL-1511
---
 lms/templates/courseware/course_navigation.html | 4 ++--
 lms/templates/courseware/courseware.html        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/lms/templates/courseware/course_navigation.html b/lms/templates/courseware/course_navigation.html
index fe482c5ce6..e24a2c7cdc 100644
--- a/lms/templates/courseware/course_navigation.html
+++ b/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="${_('View course as')}">
         <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):
diff --git a/lms/templates/courseware/courseware.html b/lms/templates/courseware/courseware.html
index b80439ef4e..cc122cc653 100644
--- a/lms/templates/courseware/courseware.html
+++ b/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" />