ARIA：math 角色

具有 math 角色的内容旨在以可访问的格式（例如 MathML）或其他类型的文本表示形式进行标记，浏览器或 polyfill 库可以将其转换为可访问的格式。

不幸的是，浏览器对 MathML 的支持并不普遍。虽然使用数学表达式的图像不是最佳选择，但如果确实使用图像，请使用 math 角色。确保任何数学图像都由描述数学表达式的 alt 属性进行标记，就像它会被朗读一样。

如果 math 元素只有表示性的子元素，并且可访问名称旨在传达数学表达式，请使用 aria-label 提供表示该表达式的字符串。如果 math 元素包含传达数学表达式的可导航内容，并且存在表达式的可见标签，请使用 aria-labelledby。否则，使用 aria-label 为表达式命名，例如 aria-label="勾股定理"。

如果使用图像或非语义 HTML 创建方程式，请使用 math 角色。

上述勾股定理以可访问的方式编写为

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

如果使用了图像，则 alt 属性将与 math 角色一起使用

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

• MDN 上的 MathML 和 <math> 元素（不是 HTML）
• MathML 规范