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