ARIA: vai trò mark

Mô tả

Vai trò mark dùng để biểu thị ngữ nghĩa cho các phần tử HTML chứa văn bản được đánh dấu/tô sáng cho mục đích tham chiếu. Điều này tương đương về ngữ nghĩa với phần tử HTML <mark>. Nếu có thể, bạn nên dùng phần tử này thay thế.

Ví dụ sử dụng mark giống hệt phần tử <mark>. Chúng bao gồm việc tô sáng văn bản trong một đoạn trích dẫn có sự quan tâm đặc biệt nhưng không được đánh dấu trong tài liệu gốc, tương tự như dùng bút dạ để đánh dấu các đoạn trong bài viết in và chỉ ra các phần nội dung liên quan đến hoạt động hiện tại của người dùng, như tô sáng các kết quả khớp văn bản được tìm thấy bởi một tính năng tìm kiếm.

Đừng dùng mark chỉ để tạo kiểu trang trí như tô sáng cú pháp.

Phần tử mark không nên có tên truy cập được; cả thuộc tính aria-label lẫn aria-labelledby đều bị cấm trên mark.

Ví dụ

Trong ví dụ sau, chúng ta có một phần tài liệu đã được bình luận. Phần được bình luận được đánh dấu bằng <span role="mark">.

<p>
  The last half of the song is a slow-rising crescendo that peaks at the
  <span role="mark" aria-details="thread-1">end of the guitar solo</span>,
  before fading away sharply.
</p>

<div role="comment" id="thread-1" data-author="chris">
  <h3>Chris said</h3>
  <p class="comment-text">I really think this moment could use more cowbell.</p>
  <p><time datetime="2022-03-30T19:29">March 30 2022, 19:29</time></p>
</div>

Bình luận liên quan được đánh dấu bằng một cấu trúc HTML bọc trong một <div> chứa role="comment".

Để liên kết bình luận với đoạn văn bản được bình luận, cần bọc đoạn văn bản đó bằng một phần tử chứa thuộc tính aria-details, trong đó giá trị là id của phần bình luận.

Thực hành tốt nhất

Ưu tiên HTML

Việc dùng phần tử <mark> sẽ tự động truyền đạt rằng một nút có vai trò mark. Nếu có thể, hãy ưu tiên dùng nó thay thế.

Thông số kỹ thuật

Sẽ là một phần của WAI-ARIA 1.3, hiện vẫn đang được soạn thảo.

Xem thêm

• Phần tử HTML <mark>