Элемент: свойство ariaBrailleLabel

Свойство ariaBrailleLabel интерфейса Element отражает значение атрибута aria-braillelabel, который определяет метку для брайлевского отображения элемента.

Эта метка может использоваться вспомогательными технологиями, которые могут отображать контент в формате Брайля, но должна устанавливаться только в том случае, если такая метка улучшит пользовательский опыт. aria-braillelabel содержит дополнительную информацию о том, когда следует устанавливать это свойство.

<string>

Значение является строкой, не имеющей ограничений по типу, предназначенной для преобразования в брайлевский формат.

Этот пример демонстрирует, как получить и установить свойство ariaBrailleLabel.

HTML

Сначала мы определяем кнопку с текстом метки "3 из 5 звезд" и атрибутом aria-braillelabel со значением "\*\*\*". Это позволит брайлевскому дисплею отобразить "кнопка ***" вместо более подробного "кнопка оценка 3 из 5 звезд".

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

JavaScript

Затем код использует свойство ariaBrailleLabel кнопки, чтобы сначала получить и вывести метку для брайлевского отображения. После этого он устанавливает метку для брайлевского отображения в "3*" и снова выводит значение.

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

Результат