Element: thuộc tính ariaBrailleLabel

Giá trị

<string>

Giá trị là một chuỗi, một kiểu giá trị không ràng buộc, được dự định chuyển đổi thành chữ braille.

Ví dụ

Lấy và thiết lập ariaBrailleLabel

Ví dụ này cho thấy cách lấy và thiết lập property ariaBrailleLabel.

HTML

Đầu tiên chúng ta định nghĩa một nút bấm với văn bản nhãn "3 out of 5 stars" và thuộc tính aria-braillelabel với giá trị "\*\*\*". Điều này cho phép màn hình braille hiển thị "btn ***" dưới dạng chữ braille thay vì "btn gra 3 out of 5 stars" dài dòng hơn.

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

<pre id="log"></pre>

#log {
  height: 100px;
  overflow: scroll;
  padding: 0.5rem;
  border: 1px solid black;
}

JavaScript

const logElement = document.querySelector("#log");
function log(text) {
  logElement.innerText = `${logElement.innerText}${text}\n`;
  logElement.scrollTop = logElement.scrollHeight;
}

Đoạn mã sau đó sử dụng property ariaBrailleLabel của nút bấm để trước tiên lấy và ghi lại nhãn braille. Sau đó thiết lập nhãn braille thành "3*" và ghi lại giá trị một lần nữa.

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

Kết quả

Đặc tả kỹ thuật

Tương thích trình duyệt