Axe test: Ensures elements with an ARIA role that require child roles contain them

[mamireh]

Issue Summary

Activating speech in the accessibility (a11y) object would add the role="tree" to the output, leading to the problem "Ensures elements with an ARIA role that require child roles contain them."

Steps to Reproduce:

1. Enabling the speech a11y object
2. check the render
3. notice the role="tree" included in the output

Technical details:

• MathJax Version: 4.0.0-beta.4
• Client OS: (e.g., Ubuntu)
• Browser: (e.g., Chrome 29.0.1547.57)

I am using the following MathJax configuration:

MathJax = {
            chtml: {
                mathmlSpacing: true,
                fontURL:`...`
           },
           options: {
            enableEnrichment: true,
            a11y: {
              speech: true,                      // switch on speech output
              braille: true
            },
            menuOptions: {
              settings: {
                assistiveMml: true,   // true to enable assitive MathML
                collapsible: false,   // true to enable collapsible math
                explorer: true      // true to enable the expression explorer
              }
            }
          },
};

and loading MathJax via

<script src="https://cdn.jsdelivr.net/npm/[email protected]/tex-mml-chtml.js"></script>

Supporting information:

https://codepen.io/mahmoud-ameara/pen/eYojqjW

[zorkow]

Thanks for reporting this. This role is a left-over from our tests on using the ARIA tree widget for screen reader integration. However, the relevant SRE branch had not been merged, when beta.4 was released.

The overall integration has considerably changed in beta.5 which should come out any day now. If you would like to do some tests on that, we would appreciate that very much.