Commit ed944fdb by Ahsan Ulhaq

Inaccessible label for the page action Navigation

<nav> elements for the actions a user can perform on a perticular
page contain inaccessible label whic causes screen reader users
confusion regarding to their current navigation.

TNL-1531
parent de64bfa0
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<span class="sr">&gt; </span>${_("Files &amp; Uploads")} <span class="sr">&gt; </span>${_("Files &amp; Uploads")}
</h1> </h1>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">${_("Page Actions")}</h3> <h3 class="sr">${_("Page Actions")}</h3>
<ul> <ul>
<li class="nav-item"> <li class="nav-item">
......
...@@ -64,7 +64,7 @@ from django.utils.translation import ugettext as _ ...@@ -64,7 +64,7 @@ from django.utils.translation import ugettext as _
</div> </div>
</div> </div>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">${_("Page Actions")}</h3> <h3 class="sr">${_("Page Actions")}</h3>
<ul> <ul>
% if is_unit_page: % if is_unit_page:
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<span class="page-header-sub">${_("Create a re-run of a course")}</span> <span class="page-header-sub">${_("Create a re-run of a course")}</span>
</h1> </h1>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">Page Actions</h3> <h3 class="sr">Page Actions</h3>
<ul> <ul>
<li class="nav-item"> <li class="nav-item">
......
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<span class="sr">&gt; </span>${_("Course Updates")} <span class="sr">&gt; </span>${_("Course Updates")}
</h1> </h1>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">${_('Page Actions')}</h3> <h3 class="sr">${_('Page Actions')}</h3>
<ul> <ul>
<li class="nav-item"> <li class="nav-item">
......
...@@ -60,7 +60,7 @@ from contentstore.utils import reverse_usage_url ...@@ -60,7 +60,7 @@ from contentstore.utils import reverse_usage_url
<span class="sr">&gt; </span>${_("Course Outline")} <span class="sr">&gt; </span>${_("Course Outline")}
</h1> </h1>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">${_("Page Actions")}</h3> <h3 class="sr">${_("Page Actions")}</h3>
<ul> <ul>
<li class="nav-item"> <li class="nav-item">
......
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<span class="sr">&gt; </span>${_("Pages")} <span class="sr">&gt; </span>${_("Pages")}
</h1> </h1>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">${_("Page Actions")}</h3> <h3 class="sr">${_("Page Actions")}</h3>
<ul> <ul>
<li class="nav-item"> <li class="nav-item">
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<h1 class="page-header">${_("{studio_name} Home").format(studio_name=settings.STUDIO_SHORT_NAME)}</h1> <h1 class="page-header">${_("{studio_name} Home").format(studio_name=settings.STUDIO_SHORT_NAME)}</h1>
% if user.is_active: % if user.is_active:
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">${_("Page Actions")}</h3> <h3 class="sr">${_("Page Actions")}</h3>
<ul> <ul>
<li class="nav-item"> <li class="nav-item">
......
...@@ -46,7 +46,7 @@ from django.utils.translation import ugettext as _ ...@@ -46,7 +46,7 @@ from django.utils.translation import ugettext as _
</div> </div>
</div> </div>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">${_("Page Actions")}</h3> <h3 class="sr">${_("Page Actions")}</h3>
<ul> <ul>
<li class="nav-item"> <li class="nav-item">
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<span class="sr">&gt; </span>${_("Course Team")} <span class="sr">&gt; </span>${_("Course Team")}
</h1> </h1>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">${_("Page Actions")}</h3> <h3 class="sr">${_("Page Actions")}</h3>
<ul> <ul>
%if allow_actions: %if allow_actions:
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<span class="sr">&gt; </span>${_("User Access")} <span class="sr">&gt; </span>${_("User Access")}
</h1> </h1>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">${_("Page Actions")}</h3> <h3 class="sr">${_("Page Actions")}</h3>
<ul> <ul>
%if allow_actions: %if allow_actions:
......
...@@ -38,7 +38,7 @@ CMS.URL.LMS_BASE = "${settings.LMS_BASE}" ...@@ -38,7 +38,7 @@ CMS.URL.LMS_BASE = "${settings.LMS_BASE}"
<span class="sr">&gt; </span>${_("Textbooks")} <span class="sr">&gt; </span>${_("Textbooks")}
</h1> </h1>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">${_("Page Actions")}</h3> <h3 class="sr">${_("Page Actions")}</h3>
<ul> <ul>
<li class="nav-item"> <li class="nav-item">
......
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
</div> </div>
</div> </div>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">Page Actions</h3> <h3 class="sr">Page Actions</h3>
<ul> <ul>
......
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<span class="page-header-sub">Create a re-run of a course</span> <span class="page-header-sub">Create a re-run of a course</span>
</h1> </h1>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">Page Actions</h3> <h3 class="sr">Page Actions</h3>
<ul> <ul>
<li class="nav-item"> <li class="nav-item">
......
...@@ -21,7 +21,7 @@ from django.core.urlresolvers import reverse ...@@ -21,7 +21,7 @@ from django.core.urlresolvers import reverse
<span class="sr">&gt; </span>Course Outline <span class="sr">&gt; </span>Course Outline
</h1> </h1>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">Page Actions</h3> <h3 class="sr">Page Actions</h3>
<ul> <ul>
<li class="nav-item"> <li class="nav-item">
......
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
<span class="sr">&gt; </span>${_("Video Uploads")} <span class="sr">&gt; </span>${_("Video Uploads")}
</h1> </h1>
<nav class="nav-actions"> <nav class="nav-actions" aria-label="${_('Page Actions')}">
<h3 class="sr">${_("Page Actions")}</h3> <h3 class="sr">${_("Page Actions")}</h3>
<ul> <ul>
<li class="nav-item"> <li class="nav-item">
......
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