Merge pull request #5639 from edx/waheed/fix-screen-reader-user-issues

Fixed screen reader issues.

common/lib/capa/capa/templates/textline.html

@@ -29,7 +29,6 @@
 
       <p class="status" 
          %if status != 'unsubmitted':
-         aria-hidden="true"
          %endif
          aria-describedby="input_${id}">
         %if value:
@@ -41,7 +40,7 @@
         ${status.display_name}
       </p>
 
-      <p id="answer_${id}" class="answer" aria-hidden="true"></p>
+      <p id="answer_${id}" class="answer"></p>
 
       % if do_math:
       <div id="display_${id}" class="equation">`{::}`</div>

lms/djangoapps/courseware/tests/test_masquerade.py

@@ -98,7 +98,7 @@ class TestStaffMasqueradeAsStudent(ModuleStoreTestCase, LoginEnrollmentTestCase)
         resp = self.get_problem()
         html = json.loads(resp.content)['html']
         print html
-        sabut = '<button class="show"><span class="show-label" aria-hidden="true">Show Answer</span> <span class="sr">Reveal Answer</span></button>'
+        sabut = '<button class="show"><span class="show-label">Show Answer</span> <span class="sr">Reveal Answer</span></button>'
         self.assertTrue(sabut in html)
 
     def test_no_showanswer_for_student(self):

lms/templates/problem.html

@@ -7,7 +7,7 @@
 
 <div class="problem-progress"></div>
 
-<div class="problem">
+<div class="problem" aria-live="polite" aria-relevant="all">
   ${ problem['html'] }
 
   <div class="action">
@@ -23,7 +23,7 @@
     <input class="save" type="button" value="${_('Save')}" />
     % endif
     % if answer_available:
-    <button class="show"><span class="show-label" aria-hidden="true">${_('Show Answer')}</span> <span class="sr">${_("Reveal Answer")}</span></button>
+    <button class="show"><span class="show-label">${_('Show Answer')}</span> <span class="sr">${_("Reveal Answer")}</span></button>
     % endif
     % if attempts_allowed :
     <div class="submission_feedback">