SVG speakText: use <title>; part of #207

Author: pkra

lib/main.js

@@ -595,11 +595,11 @@ function GetSVG(result) {
     for (var i=0, m=svg.childNodes.length; i < m; i++)
       svg.childNodes[i].setAttribute("aria-hidden",true);
     // Note: if aria-label exists, getSpeech preserved it in speakText
-    // remove aria-label since labelled-by desc is preferred
+    // remove aria-label since labelled-by title is preferred
     svg.removeAttribute("aria-label");
-    ID++; var id = "MathJax-SVG-"+ID+"-Desc";
+    ID++; var id = "MathJax-SVG-"+ID+"-Title";
     svg.setAttribute("aria-labelledby",id);
-    var node = MathJax.HTML.Element("desc",{id:id},[result.speakText]);
+    var node = MathJax.HTML.Element("title",{id:id},[result.speakText]);
     svg.insertBefore(node,svg.firstChild);
   }
 

test/issue207.js

@@ -25,8 +25,8 @@ tape('Generate dummy speechText', function(t) {
     actual = element.getAttribute('alttext');
     t.equal(actual, expected, 'MathML output contains speechText from ' + desc);
     document = jsdom(data.svg).defaultView.document;
-    var svgDesc = document.querySelector('desc');
-    actual = svgDesc.innerHTML;
+    var svgTitle = document.querySelector('title');
+    actual = svgTitle.innerHTML;
     t.equal(actual, expected, 'SVG output contains speechText from ' + desc);
   };