ARIA: thuộc tính aria-orientation

Thuộc tính aria-orientation cho biết hướng của phần tử là ngang, dọc hay không xác định/mơ hồ.

Mô tả

Người dùng có thể cần biết hướng của một widget để biết cách điều hướng nó, vì hướng ảnh hưởng đến hành vi mong đợi của các phím mũi tên trái, phải, lên và xuống. Thuộc tính aria-orientation được dùng để cho người dùng công nghệ hỗ trợ biết một phần tử có hướng horizontal, vertical hay undefined.

Một số widget có hướng mặc định:

Mặc định là ngang:

Mặc định là dọc:

Mỗi separator nên có aria-orientation nhất quán với hướng của chính separator đó.

Khi các nút trong cây được sắp xếp theo chiều ngang thay vì mặc định là chiều dọc, hoặc khi một tab list là dọc thay vì mặc định là ngang, phím mũi tên xuống sẽ hoạt động như phím mũi tên phải, còn phím mũi tên lên sẽ hoạt động như phím mũi tên trái. Trong những trường hợp này, người dùng công nghệ hỗ trợ cần biết hướng của widget để điều hướng chính xác.

Phím mũi tên lên và xuống thường vẫn dùng để cuộn trình duyệt bình thường, ngay cả khi focus đang nằm bên trong một tree hoặc tab list. Hãy thêm aria-orientation để cho người dùng biết khi một widget không có hướng mặc định mà họ mong đợi, và để thông báo điều hướng liên quan.

Luôn nhớ rằng ARIA chỉ thay đổi cách công nghệ hỗ trợ trình bày nội dung cho người dùng; việc thay đổi hành vi của các phím mũi tên phải dùng JavaScript.

Giá trị

horizontal

Phần tử có hướng ngang.

undefined (mặc định)

Hướng của phần tử không xác định/mơ hồ.

vertical

Phần tử có hướng dọc.

Giao diện liên quan

Element.ariaOrientation

Thuộc tính ariaOrientation, thuộc giao diện Element, phản ánh giá trị của thuộc tính aria-orientation.

ElementInternals.ariaOrientation

Thuộc tính ariaOrientation, thuộc giao diện ElementInternals, phản ánh giá trị của thuộc tính aria-orientation.

Vai trò liên quan

Được dùng trong các vai trò:

Kế thừa vào các vai trò:

Thông số kỹ thuật

Specification
Accessible Rich Internet Applications (WAI-ARIA)
# aria-orientation

Xem thêm