Description
Replace the text below with the details of the issue you are facing.
DO NOT simply erase the form and type a free-form response.
Issue Summary
I'm getting different results from the same HTML document, concerning the 2 MathJax snippets,
when loading the file in Firefox:
- using localhost:
http://localhost/DEIMS/DEIMS2024-paper-pdf20-6Sep-pretty-DPUB.html - remotely via the web:
http://science.mq.edu.au/~ross/TaggedPDF/DEIMS2024/DEIMS2024-paper-pdf20-6Sep-pretty-DPUB.html
Using localhost, there are extra <div> sections at the end of the HTML <body>,
as seen in the following image, using the Developer Tools view:
Also, when running Accessibility-checker plug-ins, there are some warnings produced, concerning these active <div>s, with ARIA attributes. (see below)
Across the web:
There are no issues with the visual display, nor with activating pop-up menus over the MathJax snippets.
Using alternative browsers, Safari and Chrome, the views produced seem to be identical to the online one from Firefox; that is, no issues are evident using those browsers.
Possible Accessibility issue: should there be aria-atomic="true"?
The Siteimprove Accessibility checker seems to think that with assertive it is better to also set aria-atomic.
While perhaps not a bug, it would be reasonable to do so.
Also, the AInspector accessibility plug-in also has some Manual Check items related to these assertive divs.
Is this really an issue?
Steps to Reproduce:
Explained above.
Any other information you want to share that is relevant to the issue
being reported. Especially, why do you consider this to be a bug? What
do you expect to happen instead?
Technical details:
- MathJax Version: 3.2.2
- Mac OS X 13.5.2 (Ventura)
- Browser: Firefox 130.0 (64 bit) — latest
I am using the following MathJax configuration:
MathJax = {
loader: {
load: ['[tex]/noerrors', 'input/tex-base', 'a11y/complexity']
},
options: {
ignoreHtmlClass: 'tex2jax_ignore',
processHtmlClass: 'tex2jax_process',
enrichSpeech: 'deep',
makeCollapsible: true,
a11y: {
highlight: 'None',
backgroundColor: 'White',
foregroundColor: 'Black',
speech: true,
subtitles: true,
speechRules: 'mathspeak-default'
}
},
tex: {
packages: ['base', 'ams', 'noerrors', 'noundefined'],
inlineMath: [['$', '$'], ['\\(', '\\)']],
processEscapes: true
}
};and loading MathJax via
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>Supporting information:
-
Please supply a link to a (live) minimal example page, when possible.
Given above.
Download it, and then view locally, usinglocalhost. -
If your issue is with the display of the mathematics produced by MathJax, include a screen snapshot that illustrates the problem, when possible.
Screen shots given above. -
Check your browser console window for any error messages, and include them here.
No version information available for component input/tex-base [tex-mml-chtml.js:1:16471](https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js)
MathJax: Invalid option "speechRules" (no default value). [tex-mml-chtml.js:1:750757](https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js)
- Include the MathJax configuration you are using, and the script tag that loads MathJax itself.