ACE validation flags an error related to the MathML structure used in display equations

[rajas20052001]

We are encountering an issue with the ACE 1.3.6 validation tool when processing display equations captured according to the specification. The error appears when validating MathML content within

.

Error Details:
ACE Version: 1.3.6
Issue: ACE validation flags an error related to the MathML structure used in display equations.
Expected Behavior: The MathML should pass validation as it adheres to thespecification.
Observed Behavior: ACE flags an error, preventing successful validation.

Steps to Reproduce:
Validate the following HTML snippet using ACE 1.3.6.
Observe the reported error in the validation output.

HTML tagging:

(net rate of change of mass within element)=(flux of solute out of the element)-(flux of solute into the element)±(loss or gain of solute mass due to reaction).

CSS:
.disp-formula
{
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0em;
text-align: center;
text-indent: 0em;
overflow-x:auto;
}

[danielweck]

Hello, what is the error / validation message generated by the evaluation? Are you able to privately share the EPUB? Thank you.

Related: #410 and #398

[rajas20052001]

HTML: "<p class="disp-formula"><math xmlns="http://www.w3.org/1998/Math/MathML"><mtable columnalign="right center left"><mtr><mtd><mo>(</mo><mtext>net rate of change of mass within element</mtext><mo>)</mo></mtd><mtd><mo>=</mo></mtd><mtd><mo>(</mo><mtext>flux of solute out of the element</mtext><mo>)</mo></mtd></mtr><mtr><mtd></mtd><mtd><mo>-</mo></mtd><mtd><mo>(</mo><mtext>flux of solute into the element</mtext><mo>)</mo></mtd></mtr><mtr><mtd></mtd><mtd><mo>&#177;</mo></mtd><mtd><mrow><mo>(</mo><mtext>loss or gain of solute mass due to reaction</mtext><mo>)</mo></mrow><mo>.</mo></mtd></mtr></mtable></math></p>"

CSS:
.disp-formula
{
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0em;
text-align: center;
text-indent: 0em;
overflow-x:auto;
}

[mattgarrish]

FYI, you need to use backticks to escape markup in a github comment.

[danielweck]

This looks like the kind of bug report that would be really useful to the Deque Axe dev team. I will try to build a minimal reproduction HTML file to test in isolation.

[danielweck]

see dequelabs/axe-core#3285

[pkra]

This is correctly flagged though. It complains about a scrollable region not being focusable. The p is set to overflow-x and is not focusable. The contents of the p easily cause overflow.

[danielweck]

ah, well spotted Peter! Thank you :)