From 0ae22a3b08c14e86f5160ed6bf274c54e5e326e8 Mon Sep 17 00:00:00 2001
From: Ahsan Ulhaq <ahsan.haq@arbisoft.com>
Date: Tue, 23 Jun 2015 13:28:12 +0500
Subject: [PATCH] Credit Eligibility display on the CMS accessibility issues

There were some accessibility issues on the cms side which are addressed

ECOM-1594
---
 cms/templates/settings.html         | 9 ++++++---
 cms/templates/settings_graders.html | 4 ++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/cms/templates/settings.html b/cms/templates/settings.html
index 31876cb599..d24b534cd7 100644
--- a/cms/templates/settings.html
+++ b/cms/templates/settings.html
@@ -130,8 +130,9 @@ CMS.URL.UPLOAD_ASSET = '${upload_asset_url}';
                 <ol class="list-input">
                   % if 'grade' in credit_requirements:
                     <li class="field text is-not-editable" id="credit-minimum-passing-grade">
-                      <label for="minimum-passing-grade">${_("Minimum Passing Grade")}</label>
+                      <label>${_("Minimum Passing Grade")}</label>
                         % for requirement in credit_requirements['grade']:
+                          <label for="${requirement['name']}" class="sr">${_("Minimum Passing Grade")}</label>
                           <input title="${_('This field is disabled: this information cannot be changed.')}" type="text"
                               class="long" id="${requirement['name']}" value="${'{0:.0f}%'.format(float(requirement['criteria']['min_grade'] or 0)*100)}" readonly />
                         % endfor
@@ -140,8 +141,9 @@ CMS.URL.UPLOAD_ASSET = '${upload_asset_url}';
 
                   % if 'proctored_exam' in credit_requirements:
                     <li class="field text is-not-editable" id="credit-proctoring-requirements">
-                      <label for="proctoring-requirements">${_("Successful Proctored Exam")}</label>
+                      <label>${_("Successful Proctored Exam")}</label>
                         % for requirement in credit_requirements['proctored_exam']:
+                          <label for="${requirement['name']}" class="sr">${_('Proctored Exam {number}').format(number=loop.index+1)}</label>
                           <input title="${_('This field is disabled: this information cannot be changed.')}" type="text"
                               class="long" id="${requirement['name']}" value="${requirement['display_name']}" readonly />
                         % endfor
@@ -150,9 +152,10 @@ CMS.URL.UPLOAD_ASSET = '${upload_asset_url}';
 
                   % if 'reverification' in credit_requirements:
                     <li class="field text is-not-editable" id="credit-reverification-requirements">
-                      <label for="reverification-requirements">${_("Successful In Course Reverification")}</label>
+                      <label>${_("Successful In-Course Reverification")}</label>
                         % for requirement in credit_requirements['reverification']:
                           ## Translators: 'Access to Assessment 1' means the access for a requirement with name 'Assessment 1'
+                          <label for="${requirement['name']}" class="sr">${_('In-Course Reverification {number}').format(number=loop.index+1)}</label>
                           <input title="${_('This field is disabled: this information cannot be changed.')}" type="text"
                               class="long" id="${requirement['name']}" value="${_('Access to {display_name}').format(display_name=requirement['display_name'])}" readonly />
                         % endfor
diff --git a/cms/templates/settings_graders.html b/cms/templates/settings_graders.html
index 701ad854c9..dd2281c791 100644
--- a/cms/templates/settings_graders.html
+++ b/cms/templates/settings_graders.html
@@ -85,8 +85,8 @@
             <ol class="list-input">
               <li class="field text" id="field-course-minimum_grade_credit">
                 <label for="course-minimum_grade_credit">${_("Minimum Passing Grade to Earn Credit:")}</label>
-                <input type="text" class="short time" id="course-minimum_grade_credit" value="0" placeholder="80%" autocomplete="off" />
-                <span class="tip tip-inline">${_("Must be greater than or equal to passing grade")}</span>
+                <input type="text" class="short time" id="course-minimum_grade_credit" value="0" placeholder="80%" autocomplete="off" aria-describedby="minimum_grade_description"/>
+                <span class="tip tip-inline" id="minimum_grade_description">${_("Must be greater than or equal to passing grade")}</span>
               </li>
             </ol>
           </section>