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 規範