Le rôlemath indique que le contenu représente une expression mathématique.

Description

Le contenu avec le rôlemath est destiné à être marqué dans un format accessible tel queMathML, ou avec un autre type de représentation textuelle, qui peut être convertie en un format accessible par le navigateur ou uneprothèse d'émulation.

Malheureusement, la prise en charge de MathML par les navigateurs n'est pas universelle. Bien que l'utilisation d'une image d'une expression mathématique ne soit pas optimale, si vous utilisez une image, utilisez le rôlemath.Assurez-vous que toutes les images de mathématiques sont étiquetées par un attributalt qui décrit l'expression mathématique telle qu'elle serait prononcée.

Si l'élément mathématique n'a que des enfants de présentation et que le nom accessible est destiné à transmettre l'expression mathématique, utilisezaria-label pour fournir une chaîne qui représente l'expression. Si l'élément mathématique contient un contenu navigable qui transmet l'expression mathématique et qu'une étiquette visible pour l'expression est présente, utilisezaria-labelledby. Sinon, utilisezaria-label pour nommer l'expression, par exemple,aria-label="Théorème de Pythagore".

Exemples

Si vous utilisez une image ou du HTML non sémantique pour créer une équation, utilisez le rôlemath.

Le théorème de Pythagore ci-dessus est écrit de manière accessible comme suit :

<div role="math" aria-label="a^{2} + b^{2} = c^{2}">  a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup></div>

Si une image avait été utilisée, l'attributalt aurait été utilisé avec le rôlemath :

<img src="pythagorean_theorem.gif" alt="a^{2} + b^{2} = c^{2}" role="math" />

Spécifications

Voir aussi

• MathML sur le MDN et l'élément<math> (qui n'est pas HTML)
• La spécification MathML^(angl.)