Course settings nav accessibility issue Studio

course settings <nav> elements in the studio does not include accessible
label which results into much confusion for the screen reader users.

TNL-1532

cms/templates/group_configurations.html

@@ -92,7 +92,7 @@
           advanced_settings_url = utils.reverse_course_url('advanced_settings_handler', context_course.id)
         %>
       <h3 class="title-3">${_("Other Course Settings")}</h3>
-        <nav class="nav-related">
+        <nav class="nav-related" aria-label="${_('Other Course Settings')}">
           <ul>
             <li class="nav-item"><a href="${details_url}">${_("Details &amp; Schedule")}</a></li>
             <li class="nav-item"><a href="${grading_url}">${_("Grading")}</a></li>

cms/templates/settings.html

@@ -348,7 +348,7 @@ CMS.URL.UPLOAD_ASSET = '${upload_asset_url}';
             advanced_config_url = utils.reverse_course_url('advanced_settings_handler', context_course.id)
           %>
         <h3 class="title-3">${_("Other Course Settings")}</h3>
-        <nav class="nav-related">
+        <nav class="nav-related" aria-label="${_('Other Course Settings')}">
           <ul>
             <li class="nav-item"><a href="${grading_config_url}">${_("Grading")}</a></li>
             <li class="nav-item"><a href="${course_team_url}">${_("Course Team")}</a></li>

cms/templates/settings_advanced.html

@@ -86,7 +86,7 @@
           course_team_url = utils.reverse_course_url('course_team_handler', context_course.id)
         %>
       <h3 class="title-3">${_("Other Course Settings")}</h3>
-        <nav class="nav-related">
+        <nav class="nav-related" aria-label="${_('Other Course Settings')}">
           <ul>
             <li class="nav-item"><a href="${details_url}">${_("Details &amp; Schedule")}</a></li>
             <li class="nav-item"><a href="${grading_url}">${_("Grading")}</a></li>

cms/templates/settings_graders.html

@@ -130,7 +130,7 @@
           advanced_settings_url = utils.reverse_course_url('advanced_settings_handler', context_course.id)
         %>
         <h3 class="title-3">${_("Other Course Settings")}</h3>
-        <nav class="nav-related">
+        <nav class="nav-related" aria-label="${_('Other Course Settings')}">
           <ul>
             <li class="nav-item"><a href="${detailed_settings_url}">${_("Details &amp; Schedule")}</a></li>
             <li class="nav-item"><a href="${course_team_url}">${_("Course Team")}</a></li>