zorkow / aim-workshop Goto Github PK
View Code? Open in Web Editor NEWLicense: Apache License 2.0
License: Apache License 2.0
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'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.
SRE's aim-hackathon
branch has the relevant code for the examples in the annotation folder.
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/
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 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.
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:
To see 2D addition and mainly long division being read, see this page.
With some element queries for fun.
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:
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.
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mlongdiv longdivstyle=":right=right">
<mn> 7 </mn>
<mn> 46</mn>
<mn> 323</mn>
<msgroup position="1">
<msgroup>
<mn> -28</mn>
<msline position="-1" length="4"/>
</msgroup>
<msgroup position="-1">
<mn> 43</mn>
<mn> -42</mn>
<msline length="2"/>
</msgroup>
<msgroup position="-1">
<mn> 1</mn>
</msgroup>
</msgroup>
</mlongdiv>
</math>
Relevant links for Thursday AM presentation
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.