ARIA: thuộc tính aria-hidden

Mô tả

Khi một phần tử được đánh dấu bằng aria-hidden="true", nó sẽ bị ẩn khỏi cây khả năng tiếp cận. Điều đó có nghĩa là công nghệ hỗ trợ sẽ không trình bày nội dung đó cho người dùng. Điều này hữu ích khi bạn có nội dung chỉ mang tính trình bày hoặc dư thừa, chẳng hạn biểu tượng trang trí, và không muốn trình đọc màn hình đọc nó ra.

Khác với hidden của HTML, aria-hidden không làm phần tử biến mất khỏi DOM hoặc khỏi hiển thị trực quan. Nó chỉ ảnh hưởng đến cách công nghệ hỗ trợ nhìn thấy nội dung.

Đừng đặt aria-hidden="true" lên các phần tử có thể nhận tiêu điểm hoặc chứa nội dung cần thiết cho việc sử dụng trang. Nếu một phần tử đang hiển thị và có thể được người dùng tương tác, việc ẩn nó khỏi công nghệ hỗ trợ có thể tạo ra trải nghiệm không nhất quán.

Không dùng aria-hidden="true" trên nội dung mà người dùng không nhìn thấy sẽ bỏ lỡ thông tin quan trọng. Nếu nội dung cần bị ẩn với tất cả người dùng, hãy cân nhắc dùng CSS display: none hoặc thuộc tính HTML hidden thay thế.

Giá trị

true

Phần tử và các phần tử con của nó bị ẩn khỏi công nghệ hỗ trợ.

false

Phần tử và các phần tử con của nó được công nghệ hỗ trợ bộc lộ.

undefined (mặc định)

Trạng thái ẩn không được chỉ định.

Giao diện liên quan

Element.ariaHidden

Thuộc tính ariaHidden, là một phần của giao diện Element, phản ánh giá trị của thuộc tính aria-hidden.

ElementInternals.ariaHidden

Thuộc tính ariaHidden, là một phần của giao diện ElementInternals, phản ánh giá trị của thuộc tính aria-hidden.

Vai trò liên quan

Được dùng trong TẤT CẢ vai trò.

Đặc tả

Xem thêm

• hidden
• display: none
• aria-label