Commit 2be5e700 by Ahsan Ulhaq

Studio header nav label accessibility issue

<nav> in the header of studio does not have accessible label. this causes
some issues for screen reader users.

TNL-1520
parent de64bfa0
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
</a> </a>
</h2> </h2>
<nav class="nav-course nav-dd ui-left"> <nav class="nav-course nav-dd ui-left" aria-label="${_('{course_name}').format(course_name=context_course.display_name_with_default)}">
<h2 class="sr">${_("Navigation for {course_name}").format(course_name=context_course.display_name_with_default)}</h2> <h2 class="sr">${_("Navigation for {course_name}").format(course_name=context_course.display_name_with_default)}</h2>
<ol> <ol>
<li class="nav-item nav-course-courseware"> <li class="nav-item nav-course-courseware">
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
</a> </a>
</h2> </h2>
<nav class="nav-course nav-dd ui-left"> <nav class="nav-course nav-dd ui-left" aria-label="${_('{course_name}').format(course_name=context_library.display_name_with_default)}">
<h2 class="sr">${_("Navigation for {course_name}").format(course_name=context_library.display_name_with_default)}</h2> <h2 class="sr">${_("Navigation for {course_name}").format(course_name=context_library.display_name_with_default)}</h2>
<ol> <ol>
...@@ -165,7 +165,7 @@ ...@@ -165,7 +165,7 @@
<div class="wrapper wrapper-r"> <div class="wrapper wrapper-r">
% if user.is_authenticated(): % if user.is_authenticated():
<nav class="nav-account nav-is-signedin nav-dd ui-right"> <nav class="nav-account nav-is-signedin nav-dd ui-right" aria-label="${_('Account')}">
<h2 class="sr">${_("Help &amp; Account Navigation")}</h2> <h2 class="sr">${_("Help &amp; Account Navigation")}</h2>
<ol> <ol>
<li class="nav-item nav-account-help"> <li class="nav-item nav-account-help">
...@@ -192,7 +192,7 @@ ...@@ -192,7 +192,7 @@
</nav> </nav>
% else: % else:
<nav class="nav-not-signedin nav-pitch"> <nav class="nav-not-signedin nav-pitch" aria-label="${_('Account')}">
<h2 class="sr">${_("You're not currently signed in")}</h2> <h2 class="sr">${_("You're not currently signed in")}</h2>
<ol> <ol>
<li class="nav-item nav-not-signedin-help"> <li class="nav-item nav-not-signedin-help">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment