add accessibility message if mathjax is detected

use ie conditional html tags to detect for compatible ie versions

add accessibility message if mathjax is detected
use ie conditional html tags to detect for compatible ie versions
34362b88 · Adam Palay · 75b7514c · 34362b88 · 34362b88 · 34362b88
Commit 34362b88 authored Sep 13, 2013 by Adam Palay
Hide whitespace changes
Inline Side-by-side

Showing with 39 additions and 0 deletions

lms/static/coffee/src/mathjax_accessible.coffee
+16 -0

lms/templates/main.html
+1 -0

lms/templates/mathjax_accessible.html
+22 -0

No files found.
--- a/lms/static/coffee/src/mathjax_accessible.coffee
+++ b/lms/static/coffee/src/mathjax_accessible.coffee
+$ ->
+	isMPInstalled = (boolean) ->
+	# check if MathPlayer is installed
+	# (from http://www.dessci.com/en/products/mathplayer/check.htm)
+		try
+			oMP = new ActiveXObject("MathPlayer.Factory.1")
+			true
+		catch e
+			false
+
+	# detect if there is mathjax on the page
+	# if not, set 'aria-hidden' to 'true'
+	if MathJax? and not isMPInstalled()
+		$("#mathjax-accessibility-message").attr("aria-hidden", "false")
+	else
+		$("#mathjax-accessibility-message").attr("aria-hidden", "true")
--- a/lms/templates/main.html
+++ b/lms/templates/main.html
@@ -76,6 +76,7 @@
 </head>

 <body class="<%block name='bodyclass'/>">
+  <%include file="mathjax_accessible.html" />

 % if theme_enabled():
  <%include file="theme-header.html" />

--- a/lms/templates/mathjax_accessible.html
+++ b/lms/templates/mathjax_accessible.html
+<%! from django.utils.translation import ugettext as _ %>
+
+<div class="sr message-accessibility message" id="mathjax-accessibility-message" aria-hidden="false">
+	<p class="copy">${
+		_("This page features MathJax technology to render mathematical "
+		  "formulae. To make math accessibile, we suggest using the MathPlayer "
+		  "plugin. Please visit the {link_start}MathPlayer Download "
+		  "Page{link_end} to download the plugin for your browser.").format(
+			  link_start = u'<a href="//www.dessci.com/en/products/mathplayer/'
+			                'download.htm">',
+			  link_end = u'</a>')
+	}</p>
+</div>
+
+<!--[if (lt IE6)|(gt IE 9)|!(IE)]><!-->
+<div class="sr message-accessibility message" id="mathplayer-browser-message" aria-hidden="false">
+	<p class="copy">
+	 ${_("Your browser does not support the MathPlayer plugin. To use "
+	 	 "MathPlayer, please use Internet Explorer 6 through 9.")}
+	 </p>
+</div>
+<!--[endif]-->