此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

Element:ariaBrailleLabel 属性

基线 2024
最近可用

自 2024年9月 起,此特性已在最新浏览器中得到支持。但在较旧的设备或浏览器中可能无法运行。

Element 接口的 ariaBrailleLabel 属性反映了 aria-braillelabel 属性的值,该属性定义了元素的 ARIA 盲文标签。

此元素标签可能会被能够以盲文呈现内容的辅助技术使用,但仅当特定于盲文的标签能够改善用户体验时才应设置。aria-braillelabel 包含有关何时应设置该属性的更多信息。

<string>

该值是字符串,一种不受约束的值类型,旨在被转换为盲文。

示例

获取和设置 ariaBrailleLabel

此示例展示了如何获取和设置 ariaBrailleLabel 属性。

HTML

首先,我们定义一个按钮,其标签文本为“3 out of 5 stars”,并且 aria-braillelabel 属性的值为 "***"。这允许盲文显示器以盲文显示“btn ***”,而不是更冗长的“btn gra 3 out of 5 stars”。

html
<button id="button" aria-braillelabel="***">3 out of 5 stars</button>

JavaScript

代码使用按钮的 ariaBrailleLabel 属性首先来获取并记录盲文标签。接着将盲文标签设置为“3*”,并再次记录该值。

js
const button = document.getElementById("button");
log(button.ariaBrailleLabel);
button.ariaBrailleLabel = "3*";
log(button.ariaBrailleLabel);

结果

规范

规范
Accessible Rich Internet Applications (WAI-ARIA)
# dom-ariamixin-ariabraillelabel

浏览器兼容性