include::../rationale.adoc[]

This rule does not cover non-DOM elements, such as custom components.

include::../fix.adoc[]

[source,javascript,diff-id=1,diff-type=noncompliant]
----
<div role="meth" aria-label="a^{2} + b^{2} = c^{2}">
  a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>
</div>
----

To fix the code use a valid value for the ARIA role attribute.

[source,javascript,diff-id=1,diff-type=compliant]
----
<div role="math" aria-label="a^{2} + b^{2} = c^{2}">
  a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>
</div>
----

include::../resources.adoc[]
