From 918afe64fd8452b1bb19f52e09c5b69ce6db4579 Mon Sep 17 00:00:00 2001
From: Ahsan Ulhaq <ahsan.haq@arbisoft.com>
Date: Mon, 20 Apr 2015 12:59:31 +0500
Subject: [PATCH] Numerical Input assessment has multiple accessibilty issues

TNL-1677
---
 .../capa/templates/formulaequationinput.html    | 15 +++------------
 common/templates/mathjax_include.html           | 17 +++++++++++++++++
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/common/lib/capa/capa/templates/formulaequationinput.html b/common/lib/capa/capa/templates/formulaequationinput.html
index 69cce798b3..de56fd5098 100644
--- a/common/lib/capa/capa/templates/formulaequationinput.html
+++ b/common/lib/capa/capa/templates/formulaequationinput.html
@@ -4,23 +4,14 @@
     <input type="text" name="input_${id}" id="input_${id}"
         data-input-id="${id}" value="${value|h}"
         aria-label="${label}"
+        aria-describedby="${id}_status"
         % if size:
         size="${size}"
         % endif
         />
 
-      <p class="status" 
-         %if status != 'unsubmitted':
-         aria-hidden="true"
-         %endif
-         >
-          <span class="sr equation">
-              %if value:
-              ${value|h}
-              % else:
-              ${label}
-              %endif
-          </span> - ${status.display_name}
+      <p class="status" id="${id}_status">
+           ${status.display_name}
       </p>
 
       <div id="input_${id}_preview" class="equation">
diff --git a/common/templates/mathjax_include.html b/common/templates/mathjax_include.html
index 753b2319a5..f15fc0fc67 100644
--- a/common/templates/mathjax_include.html
+++ b/common/templates/mathjax_include.html
@@ -29,6 +29,23 @@
   });
 </script>
 %endif
+<script type="text/x-mathjax-config">
+  window.HUB = MathJax.Hub;
+  MathJax.Hub.signal.Interest(function(message) {
+    if(message[0] === "End Math") {
+        set_mathjax_display_div_settings();
+    }
+  });
+  function set_mathjax_display_div_settings() {
+    $('.MathJax_Display').each(function( index ) {
+      this.setAttribute('tabindex', '0');
+      this.setAttribute('aria-live', 'off');
+      this.removeAttribute('role');
+      this.removeAttribute('aria-readonly');
+    });
+  }
+</script>
+
 
 <!-- This must appear after all mathjax-config blocks, so it is after the imports from the other templates.
      It can't be run through static.url because MathJax uses crazy url introspection to do lazy loading of