Element: thuộc tính ariaBrailleRoleDescription

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 ariaBrailleRoleDescription

Ví dụ này cho thấy cách bạn có thể lấy và thiết lập property ariaBrailleRoleDescription.

HTML

Đầu tiên chúng ta định nghĩa một phần tử <article> sẽ được sử dụng làm slide trong bài trình chiếu. Chúng ta thiết lập thuộc tính aria-roledescription thành "slide", và phần viết tắt braille của nó trong aria-brailleroledescription thành "sld".

<article
  id="article"
  aria-roledescription="slide"
  aria-brailleroledescription="sld"
  aria-labelledby="slide1heading">
  <h1 id="slide1heading">Welcome to my talk</h1>
</article>

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

#log {
  height: 70px;
  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;
}

Để lấy mô tả vai trò của phần tử, chúng ta sử dụng property ariaBrailleRoleDescription. Đoạn mã dưới đây trước tiên lấy và sau đó ghi lại giá trị. Sau đó thiết lập mô tả vai trò braille thành "sd" và ghi lại giá trị một lần nữa (chỉ để minh họa — trong mã sản phẩm bạn sẽ không thiết lập giá trị này).

const article = document.getElementById("article");
log(article.ariaBrailleRoleDescription);
article.ariaBrailleRoleDescription = "sd";
log(article.ariaBrailleRoleDescription);

Kết quả

Đặc tả kỹ thuật

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