zorkow / aim-workshop Goto Github PK

• Example 1, KaTeX: http://output.jsbin.com/vuyahe/5
• Example 2, KaTeX: http://output.jsbin.com/vuyahe/4
• Example 3, KaTeX: http://output.jsbin.com/vuyahe/7

SRE's aim-hackathon branch has the relevant code for the examples in the annotation folder.

See https://github.com/kisonecat/screen-reader-demo which is a MathJax extension for converting \sro{words} into

<mpadded>
  <mphantom>
    <mtext>words</mtext>
  </mphantom>
</mpadded>

and I'm curious to know what happens to this sort of thing when run through a screenreader.

Here is Group 5's demo page

Publishers use MathML in their production workflows to generate an image of the math expression. Assistive technology has started to implement support for MathML by converting the expressions to textual representations. Building on this combination of factors, we have developed some techniques that bring together SVG images of math with JavaScript and MathML to present math that utilizes the features of assistive technology.

The reading systems and assistive technologies that support the technique explained as follows:

If reading system supports JavaScript then it places MathML in the DOM, which means that reading systems that use both JavaScript and MathML will provide access to MathML.
If reading system does not support JavaScript then the Image of MathML with alttext is shown. This acts as a fallback mechanism.

After coordinating with Davide, David, and Volker, I've created https://github.com/krautzource/mathjax-sre-walker/. This repo starts with what's in ./annotation in this repository (including the git history) and aims to make the walker production ready.

Here's "deep labels" examples.

https://codepen.io/pkra/pen/bMZgpr

Source:

\left\{
\begin{align}
x & = r \cos t\\
y & = r \sin t\\
z & = r \cos 3t\\
\end{align}
 \right.

converted to MathML with MathJax, to enriched MathML with SRE, to SVG with MathJax, and then some simplistic JS to create the title+labelledby.

One possible approach to some of the issues discussed during this workshop may be adding one or more attributes in ARIA. In order for the ARIA Working Group to better understand the need and reach consensus on where/how this need should be addressed, it will need more information.

Some issues I've filed or which seem relevant include:

• w3c/aria#767
• w3c/aria#765
• w3c/aria#660
• w3c/aria#659

Others are expected to be filed. I think it would be great if we could collect those here to ensure workshop members are able to quickly find them and provide their input.

In case it is convenient, I collected some of the common questions that we asked during the screen reader presentations at http://lowryduda.com/aim/

The link I was hoping to point people to was broken during the workshop due to the video format being swf and flash going away. It is now converted to mp4, so I've added it as an issue here for two reasons:

1. We didn't talk about synchronized highlighting much even though the target group that helps is probably 100 times larger than those using screen readers.
2. Reading 2D math is interesting, and the approach I implemented in MathPlayer is likely different from what you might initially think of doing.

To see 2D addition and mainly long division being read, see this page.

Relevant links for Thursday AM presentation

• Print: https://www.amazon.com/Abstract-Algebra-Applications-Thomas-Judson/dp/1944325050/
• Electronic PDF: http://abstract.pugetsound.edu/download/aata-20170805.pdf
• HTML (English): http://abstract.pugetsound.edu/aata
• HTML (Spanish): http://abstract.pugetsound.edu/aata-es
• Book Site: http://abstract.pugetsound.edu/
• Schema Browser: http://mathbook.pugetsound.edu/doc/schema/
• PreTeXt Site: https://pretextbook.org

Some of the challenges written with PreTeXt, where the math uses LaTeX input to MathJax:
PreTeXt-LaTeX-MathJax

Some of the challenges written with Word and MathType:
Word-MathType

With some element queries for fun.

https://codepen.io/pkra/pen/mLorOx